Text-Indent
개요 : 이 속성은 요소의 첫 번째 행의 들여쓰기를 지정한다.
음수 값을 사용하면, 내어쓰기(hanging indent)와 같은 다양한 글자 효과를 줄 수 있다.
|
text-indent |
설명 |
|
값 |
<길이> | <백분율> | inherit |
|
기본값 |
0 |
|
적용대상 |
블럭 레벨 요소 |
|
상속 |
됨 |
|
백분율 |
용기 블럭의 크기를 참조 |
|
미디어 |
visual |
값
|
값 |
설명 |
|
<길이> |
길이를 지정한다. 음수를 지정하면 내어쓰기가 된다. |
|
<백분율> |
백분율(%)값을 지정한다. 부모 요소를 기준으로 계산된다. |
|
inherit |
부모 요소의 값을 상속하도록 지정한다. |
-------------------------------------------------------------------------------------------------------
예제
View Source :
<style>
p {text-indent: 1em;}
</style>
<body>
<p>문단의 첫 줄을 들여쓰기 합니다. 문단과 문단을 구분하기 위해서 상하 간격을 주는 것보다 훨씬 세련되게 디자인할 수 있습니다.</p>
</body>
Result :
''.' Programs > CSS' 카테고리의 다른 글
| Font (0) | 2012.03.20 |
|---|---|
| Line - Height (0) | 2012.03.20 |
| Text-Align (0) | 2012.03.20 |
| White-Space (0) | 2012.03.20 |
| Vertical-Align (0) | 2012.03.20 |