[CSS 기본] 문단 스타일

direction     글자 쓰기 방향 지정

direction: ltr | rtl

속성 값	설명
ltr (lef-to-right)	왼쪽에서 오른쪽으로 텍스트 표시. 기본값
rtl (right-to-left)	오른쪽에서 왼쪽으로 텍스트 표시

* 한글이나 영어처럼 왼쪽에서 오른쪽으로 쓰는 언어일 경우, 속성값이 rtl이더라도 방향이 바뀌지 않고 오른쪽 정렬된다.

 

text-align     텍스트 정렬

text-align: start | end | left | right | center | justify | match-parent

속성 값	설명
start	현재 텍스트 줄의 시작 위치에 맞추어 문단 정렬
end	현재 텍스트 줄의 끝 위치에 맞추어 문단 정렬
left	왼쪽 정렬
right	오른쪽 정렬
center	가운데 정렬
justify	양쪽 정렬
match-parent	부모 요소를 따라 문단 정렬.

 

text-justify     정렬 시 공백 조절

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

속성 값	설명
auto	웹 브라우저에서 자동으로 지정
none	정렬 X
inter-word	단어 사이의 공백을 조절해서 정렬
distribute	인접한 글자 사이의 공백을 똑같이 맞추어 정렬

 

text-indent     텍스트 들여쓰기

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

 

line-height     줄 간격 조절

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

 

text-overflow     넘치는 텍스트 표시

text-overflow: clip | ellipsis

속성 값	설명
clip	넘치는 텍스트를 자름
ellipsis	말 줄임표(...)로 잘린 텍스트가 있다고 표시