Predefinição:MirrorH
Um simples código CSS para espelhar horizontalmente elementos dentro do atributo de estilo. Use-o dentro do style="" atributo de elementos HTML como outras propriedades CSS.
- Named Parameter
display=allows to change the CSS display property. It defaults todisplay: inline-block;
Ao usar este modelo para criar o efeito espelhado, os editores devem considerar cuidadosamente sobre a accessibilidade.
Nota Este módulo não é compatível com o IE8 ou navegadores mais antigos. O IE8 requer cálculos complicados de matrizes. Você pode implementá-lo neste modelo se souber como traduzir a fórmula em Lua.
Examples
O espelhamento acontece no centro de todo o objeto e suas dimensões efetivas reterão os valores originais do objeto como se não fossem espelhados, portanto, você pode ajustar a posição e o preenchimento para evitar sobreposições indesejadas. Use o parâmetro display= para controlar o posicionamento.
| Syntax | Result |
|---|---|
*Alguns caracteres espelhados:<br /><span style="{{mirrorH}}">A</span> B <span style="{{mirrorH}}">C</span> D
*Funciona também com números:<br /><span style="{{mirrorH}}">0</span> 1 <span style="{{mirrorH}}">2</span> 3 <span style="{{mirrorH}}">4</span> 5 <span style="{{mirrorH}}">6</span> 7 <span style="{{mirrorH}}">8</span> 9
*Ou com texto arbitrário:<br /><span style="{{mirrorH}}">This text<br />is horizontally<br />mirrored.</span><br /> <br />Este texto não é.
|
|
Esta é uma imagem de espaço reservado:
<div style="position:relative; right:350px; {{mirrorH|display=block}}">[[file:placeholder.png|200px]]</div>
Esta é espelhado.
|
Esta é uma imagem de espaço reservado:
 Este é espelhado. |
See also:
- {{Transform-rotate}}