-
text-indent (text 속성 들여쓰기)■ 개발 정리/CSS 2018. 2. 27. 13:43
CSS속성 - text-indent 속성(들여쓰기)
문단의 첫줄 들여쓰기 할때 쓰는 속성
속성 값 : 기본값은 0이고 px, em, cm등 길이값으로 얼마큼 들여쓸지 지정
%로 부모요서 너비에 상대적인 백분률로 들여쓰기가능
음수값 지정가능
사용 예:
div { text-indent: 10px; }
text-indent 속성을 사용하면 첫 문단 들여쓰기로 깔끔하게 문장이 정리되고
음수값 지정으로 ▶ 이나 * 등 문장의 앞에 표시를 해주고 아랫줄 부터 표시 뒤로 나오게 사용 가능
예)
▶text-indent 속성 테스트하는 중입니다. 음수 -15px을 적용하였습니다.
예 처럼 음수를 지정하여 <p>앞으로 ▶가 나와 아래 내용이 들어가 있는 것처럼 보임
'■ 개발 정리 > CSS' 카테고리의 다른 글
Div 내의 Div를 중앙에 정렬 (0) 2018.04.29 스크롤바가 숨겨진 상태에서 스크롤되는 웹페이지 CSS (0) 2018.02.28 선택자의 조합 (0) 2018.02.02 CSS로 이미지 세로 중앙 정렬[펌] (0) 2017.10.19