[CSS] 텍스트 속성

text-indent : 들여쓰기 길이

text-align : 정렬. left, right, center, justify(양쪽 정렬)

text-decoration : 줄 긋기

 - none

 - underline

 - overline

 - line-through

 

font 속성: 글자모양, 크기, 속성, 굵기

font-size

font-style

font-weight

font-family : 글자체를 여러개 지정

 - 지정하려는 폰트들을 ,로 나열

 - 한글폰트의 경우 한글이름과 영어이름을 같이 사용

 - 마지막에 기본형 serif

 - 폰트 이름에 띄어쓰기가 있는 경우 큰따옴표로 묶어야함

 

test-overflow: ellipsis; 텍스트가 지정범위를 넘어갔을 때

white-space: nowrap : 한줄로 처리

hidden: ...으로 숨김

scroll: 스크롤바가 생김

auto: ...이 붙고 스크롤바가 생김

<p class="line"> 요소에 이런저런 스타일을 잔뜩 입혔다.

박스 그림자에 가장자리 둥글게 등등

스크롤 적용을 시켰기에 결과물은 위와 같이 나오는걸 볼 수 있다.