틀: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>
그림이 반전되어 표시됩니다.
|
예시 그림입니다. 그림이 반전되어 표시됩니다. |
같이 보기
[편집]| 위 설명은 틀:MirrorV/설명문서의 내용을 가져와 보여주고 있습니다. (편집 | 역사) 연습장 (생성 | 복제) 및 시험장 (생성) 문서에서 이 틀을 실험할 수 있습니다. 분류는 /설명문서 하위 문서에 넣어주세요. 이 틀에 딸린 문서. |