본문 바로가기

HTML,CSS

[CSS] 텍스트

기록의 목적 : 잊으면 다시 보기 위해서, 하찮은 내 정보가 누군가한테 도움이 되기를 바라며 정리합니다.

 

 

 

텍스트 관련 CSS

 

font-size : 글자 크기 지정 속성 / px, em, pt, %, rem

 

font-weight : 글자 두께 속성 / 100~900, bold, bolder, lighter, normal

 

 text-shadow : 글자 그림자 효과 속성

 

line-height : 줄 간격을 지정 속성 / px, em, %, rem
=>  한 줄에 글꼴 표시 : p { font: italic 16px/25px 'Roboto' }

text-decoration : 텍스트 줄 표시, 제거 속성 / none, underline / a링크 줄 삭제할 때 주로 사용

direction : 좌우 방향 지정 속성 / ltr(왼쪽), rtl(오른쪽)

text-indent : 공백주는 속성 / px, em, pt, %, rem

overflow : 줄 넘치는 텍스트 감추는 속성 / hidden

 

 color : 글자 색 변경 속성

 

 

출처

MDN

'HTML,CSS' 카테고리의 다른 글

[CSS] Tip  (0) 2023.11.12
[CSS] block, inline, inline-block 정리  (0) 2023.11.12
[HTML] video  (0) 2023.11.07
[HTML] 표  (0) 2023.11.02
[HTML] 시멘틱 태그  (0) 2023.10.31