Predefinição:MirrorH/doc

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 to display: 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 />&nbsp;<br />Este texto não é.	Alguns caracteres espelhados: A B C D Funciona também com números: 0 1 2 3 4 5 6 7 8 9 Ou com texto arbitrário: This text is horizontally mirrored.   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}}