[HTML5 & CSS3] 문단 스타일

▶ 문단 스타일

* direction 속성 - 글자 쓰기 방향 지정하기

기본형) direction :
ltr(왼쪽에서 오른쪽으로) /
rtl(오른쪽에서 왼쪽으로)

 

​

* text-align 속성 - 텍스트 정렬하기

기본형) text-align :
start(현재 텍스트 줄의 시작 위치에 맞추어 문단을 정렬한다) /
end(현재 텍스트 줄의 끝 위치에 맞추어 문단을 정렬한다) /
left(왼쪽에 맞추어 문단을 정렬) /
right(오른쪽에 맞추어 문단을 정렬) /
center(가운데에 맞추어 문단을 정렬) /
justify(양쪽에 맞추어 문단을 정렬) /
match-parent(부모 요소를 따라 문단을 정렬)

 

​

* text-justify 속성 - 정렬 시 공백 조절하기

기본형) text-justify :
auto(웹 브라우저에서 자동으로 지정) /
none(정렬하지 않음) /
inter-word(단어 사이의 공백을 조절해 정렬한다) /
distribute(인접한 글자 사이의 공백을 똑같이 맞추어 정렬한다)

​

 

* text-indent 속성 - 텍스트 들여 쓰기

기본형) text-indent : 크기 / 백분율

 

​

* line-height 속성 - 줄 간격 조절하기

기본형) line-height : normal / 숫자 / 크기 / 백분율 / inherit

 

 

* text-overflow 속성 - 넘치는 텍스트 표기하기

기본형) text-overflow :
clip(넘치는 텍스트를 자른다) /
ellipsis(말 줄임표(...)로 잘린 텍스트가 있다고 표시한다)