틀:MirrorV
이 틀은 텍스트나 여러 요소를 수직으로, 즉 위아래로 반전시켜주는 CSS 코드를 생성합니다. HTML 요소의 속성에서 style="{{MirrorV}}"와 같이 사용하면 됩니다.
|표시=/|display=를 사용하면 CSS 표시 속성을 바꿀 수 있습니다. 기본값은display: inline-block;입니다.
이 틀을 사용할 때에는 접근성에 유의해주세요.
예시
[편집]| 코드 | 결과 |
|---|---|
*일부 텍스트가 위아래로 반전됩니다.<br /><span style="{{MirrorV}}">A</span> B <span style="{{MirrorV}}">C</span> D <span style="{{MirrorV}}">가</span> 나 <span style="{{MirrorV}}">다</span> 라
*숫자에도 사용할 수 있습니다.<br /><span style="{{MirrorV}}">0</span> 1 <span style="{{MirrorV}}">2</span> 3 <span style="{{MirrorV}}">4</span> 5 <span style="{{MirrorV}}">6</span> 7 <span style="{{MirrorV}}">8</span> 9
*임의의 텍스트에서도 사용 가능합니다.<br /><span style="{{MirrorV}}">This text<br />is horizontally<br />mirrored.</span><br /> <br />This text is not.
|
|
예시 그림입니다.
<span style="{{MirrorV}}">[[파일:Example ko.svg|90px]]</span>
그림이 반전되어 표시됩니다.
|
예시 그림입니다.
그림이 반전되어 표시됩니다. |
같이 보기
[편집]- {{MirrorH}}
- {{Transform-rotate}}