Text-Indent

 

개요 : 이 속성은 요소의 첫 번째 행의 들여쓰기를 지정한다.

음수 값을 사용하면, 내어쓰기(hanging indent)와 같은 다양한 글자 효과를 줄 수 있다.

 

 text-indent

 설명

 값

 <길이> | <백분율> | inherit

 기본값

 0

 적용대상

 블럭 레벨 요소

 상속

 됨

 백분율

 용기 블럭의 크기를 참조

 미디어

 visual

 

 값

설명 

 <길이>

 길이를 지정한다. 음수를 지정하면 내어쓰기가 된다.

 <백분율>

 백분율(%)값을 지정한다. 부모 요소를 기준으로 계산된다.

 inherit

 부모 요소의 값을 상속하도록 지정한다.

 

------------------------------------------------------------------------------------------------------------------------------------------

 

예제

View Source :

<style>
 p {text-indent: 1em;}
</style>
<body>
 <p>문단의 첫 줄을 들여쓰기 합니다. 문단과 문단을 구분하기 위해서 상하 간격을 주는 것보다 훨씬 세련되게 디자인할 수 있습니다.</p>
</body>
Result :