■ 개발 정리/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>앞으로 ▶가 나와 아래 내용이 들어가 있는 것처럼 보임