■ 개발 정리/CSS

text-indent (text 속성 들여쓰기)

파코키 2018. 2. 27. 13:43





CSS속성 -     text-indent 속성(들여쓰기)




문단의 첫줄 들여쓰기 할때 쓰는 속성


속성 값 : 기본값은 0이고 px, em, cm등 길이값으로 얼마큼 들여쓸지 지정

%로 부모요서 너비에 상대적인 백분률로 들여쓰기가능

음수값 지정가능


사용 예:

div { text-indent: 10px; }




text-indent 속성을 사용하면 첫 문단 들여쓰기로 깔끔하게 문장이 정리되고

음수값 지정으로 ▶ 이나 * 등 문장의 앞에 표시를 해주고 아랫줄 부터 표시 뒤로 나오게 사용 가능


예) 

▶text-indent 속성 테스트하는 중입니다. 음수 -15px을 적용하였습니다.


예 처럼 음수를 지정하여 <p>앞으로 ▶가 나와 아래 내용이 들어가 있는 것처럼 보임