[CSS 기초] CSS 텍스트 스타일

 

✨ CSS 텍스트 관련 스타일을 지정하는 속성들

 

font-size : 텍스트의 크기를 지정

 값 단위: px / em / pt / % / rem

 

font-weight : 글꼴 두께를 지정

 값: 100-900 / bold / bolder / normal

 

line-height : 줄 간격을 지정

 값 단위: px / em / pt / % / rem

 

font-family : 글꼴을 지정

 값: "font name"

 

font-variant : 소문자를 작은 크기의 대문자로 바꾸는 속성

 값: small-caps / normal

 

color : 글꼴 색을 지정

 값: color name / #ffffff / rgb(0,0,0) / rgba(0,0,0,0.5)

 

text-decoration : 텍스트 밑줄 표시 or 제거

 값 : none / underline / overline / line-through

 

text-transform : 텍스트를 대문자 및 소문자로 변환

 값 : none / capitalize / uppercase / lowercase

• capitalize - 단어의 앞글자만 대문자로 변환
• uppercase - 대문자로 변환
• lowercase - 소문자로 변환

 

text-shadow : 텍스트 그림자 효과를 지정

 값 : [그림자 x축 거리] [그림자 y축 거리] [퍼지는 거리 정도] [그림자 색상] / none

그림자를 여러개 깔아줄 때는 ,(쉼표)를 찍고 반복

 

letter-spacing : 글자와 글자 사이 간격 ( 자간 ) 조정

 값 단위 : px / em / pt / % / rem

 

word-spacing : 단어 간격 조정

 값 단위 : px / em / pt / % / rem

letter-spacing, word-spacing