[CSS] text-indent, 들여쓰기

text-indent 

텍스트의 들여쓰기를 지정하는 속성이다. (기본 값 : 0)

text-indent: length | initial | inherit;

 

text-indent의 속성 값

length : px, em 등을 이용해 문단의 첫 줄에 대한 들여쓰기를 수행합니다. 음수 값을 사용할 수 있으며, 음수 값 사용 시 왼쪽으로 이동한다. 

text-indent: 40px;
text-indent: 1em;

text-indent: -40px; /* 비추천 방식 */

percent(%) : 텍스트를 포함하는 컨테이너 블록의 width(부모의 width)를 기준으로 변환된 백분율 값으로 들여쓰기한다. 이때 부모의 width는 border, padding 등의 요소는 제외한 순수한 width를 말한다. 

text-indent: 15%;

 

ref.

www.w3schools.com/cssref/pr_text_text-indent.asp

CSS text-indent property