[CSS] 텍스트 관련 CSS 용어 정리
2022. 4. 15. 10:29
color
|
텍스트의 색상을 지정
|
색상명/16진수/
rgb(x,x,x)/ rgba(x,x,x,x)/ hsl(x,x,x)/ hsla(x,x,x,x) |
|
text-
decoration |
텍스트에 줄을 긋거나 없앨 때 사용
|
none
|
|
underline |
텍스트 영역 아래에 줄 긋기
|
||
overline |
텍스트 영역 위에 줄 긋기
|
||
line-through |
텍스트 영역 중간에 줄 긋기
|
||
text-transform
|
영문 텍스트의 대소문자를 변환 시 사용 |
uppercase
|
전부 대문자 |
lowercase | 전부 소문자 | ||
capitalize | 영문자의 첫글자만 대문자 | ||
text-align
|
텍스트를 정렬할 때 사용
|
left
|
왼쪽정렬 |
justify
|
양쪽정렬 | ||
right
|
오른쪽 정렬 | ||
center
|
가운데정렬 | ||
text-shadow
|
텍스트에 그림자 효과를 줄 때 사용
|
가로거리(x) 세로거리(y) 번짐정도 색상
- 번짐정도와 색상은 생략 가능 - 가로거리와 세로거리가 양수일 경우 오른쪽 아래에 그림자 생성
- 가로거리와 세로거리가 음수일 경우 왼쪽 위에 그림자 생성
- 번짐정도가 0 일 경우 그림자 색이 진하다.
- 색상은 기본값이 글자색과 같다.
|
'CSS' 카테고리의 다른 글
[CSS] 목록 관련 CSS 용어 정리 (0) | 2022.04.21 |
---|---|
[CSS] 목록 관련 CSS 용어 정리 (0) | 2022.04.21 |
[CSS] 글꼴 관련 CSS 속성 정리 (0) | 2022.04.15 |
[CSS] 속성 선택자와 선택자의 우선순위 정리 (0) | 2022.04.15 |
[CSS] 기능과 #속성 기본 정리 (0) | 2021.12.24 |