문단 관련 속성

※ abc 순으로 정렬

 

● direction 속성

 - 글자 쓰기 방향 지정

 - direction : ltr | rtl

    - ltr : 왼쪽에서 오른쪽 (left-to-right)으로 텍스트 표시 (기본값)

    - rtl : 오른쪽에서 왼쪽 (right-to-left)으로 텍스트 표시

 

● line-height 속성

 - 줄 간격 조절

 - line-height: normal | <숫자> | <크기> | <백분율> | inherit

    - normal : 설정하지 않음 (기본값)

    - <숫자>, <크기>, <백분율> : 글자 크기를 기준으로 간격 크기 지정

 

● text-align 속성

 - 텍스트를 정렬

 - text-align: left | right | center | justify | initial | inherit

    - left : 왼쪽 정렬

    - right : 오른쪽 정렬

    - center : 중앙 정렬

    - justify : 양쪽 정렬

    - initial : 기본값으로 정렬

    - inherit : 부모 요소의 속성값을 상속받음

 

● text-indent 속성

 - 텍스트 들여 쓰기

 - text-indent : <크기> | <백분율>

    - <크기> : 단위와 함께 들여 쓸 크기를 지정

    - <백분율> : 부모 요소 너비를 기준으로 상대적 크기를 지정

 

● text-justify 속성

 - 정렬 시, 공백 조절

 - text-justify : auto | none | inter-word | distribute

    - auto : 웹 브라우저에서 자동으로 지정

    - none : 정렬하지 않음

    - inter-word : 단어 사이의 공백을 조절해 정렬

    - distribute : 인접한 글자 사이의 공백을 똑같이 맞추어 정렬

 

● text-overflow 속성

 - 넘치는 텍스트 표기

 - text-overflow : clip | ellipsis

    - clip : 넘치는 텍스트는 자름

    - 말 줄임표(···)로 잘린 텍스트가 있음을 표시