Direction
개요 :
글자나 이미지와 같은 인라인 요소 뿐만 아니라, 테이블 셀 요소의 방향도 지정할 수 있다.
정의
|
direction |
설명 |
|
값 |
ltr | rtl | inherit |
|
기본값 |
ltr |
|
적용대상 |
모든 요소 |
|
상속 |
됨 |
|
백분율 |
사용 불가 |
|
미디어 |
visual |
값
|
값 |
설명 |
|
ltr |
왼쪽에서 오른쪽으로(left-to-right) 지정한다. |
|
rtl |
오른쪽에서 왼쪽으로(right-to-left) 지정한다. |
|
inherit |
부모 요소의 값을 상속하도록 지정한다. |
----------------------------------------------------------------------------------------------------------------------------------------
예제
View Source :
<style>
p {
width:500px;
border: 1px solid #666;
padding: 5px;
font-size: 12px;
}
.ltor{direction: ltr;}
.rtol{direction: rtl;}
</style>
<body>
<p class="ltor"> (ltr) direction 속성은 요소가 위치할 가로 방향를 지정한다. </p>
<p class="rtol"> (rtl) direction 속성은 요소가 위치할 가로 방향를 지정한다. </p>
</body>
Result :
''.' Programs > CSS' 카테고리의 다른 글
| Text-TransForm (0) | 2012.03.20 |
|---|---|
| Text-Shadow (0) | 2012.03.20 |
| Color (0) | 2012.03.20 |
| Background-Color (0) | 2012.03.20 |
| Background-Image (0) | 2012.03.20 |