728x90
폰트 : 구글 웹 폰트(https://soo-note.tistory.com/3) 정리
1. 글자색
태그 {
color: 원하는 색상;
}
2. 굵기
태그 {
font-weight: 속성;
}
| 속성 | 의미 |
|
normal
|
보통 = 400 |
| bold | 굵은 굵기 = 700 |
| lighter | 상속된 값보다 얇은 굵기 |
| bolder | 상속된 값보다 굵은 굵기 |
| number | 100, 200, 300, 400, 500, 600, 700, 800, 900 |
| initial | 기본값으로 설정 |
| inherit | 부모 요소의 값을 상속 |
3. 기울임
태그 {
font-style: 속성;
}
| 속성 | 의미 |
|
normal
|
보통 |
| italic | 기울임꼴(흘려쓴 서체) |
| oblique | 기울임꼴(글자를 기울인 것) |
| initial | 기본값 |
| inherit | 부모 요소의 값을 상속 |
4. 문단 정렬
태그 {
text-align: 속성;
}
| 속성 | 의미 |
|
left
|
왼쪽 정렬 |
| right | 오른쪽 정렬 |
| center | 가운데 정렬 |
| justify | 양쪽 정렬 |
| initia | 기본값으로 설정 |
| inherit | 부모 요소의 속성값을 상속 |
728x90
'WEB > CSS' 카테고리의 다른 글
| [CSS] 다중 클래스 접근 및 Font-weight : Bold 설정 (0) | 2024.05.16 |
|---|---|
| [CSS] 여백(margin/padding) 기본 개념 정리 (0) | 2023.02.12 |
| [CSS] CSS 선택자(Selector) 정리 (0) | 2023.02.12 |
| [CSS] 구글 웹 폰트 사용해보기 (0) | 2023.02.07 |
| [CSS] 배경(background) 관련 기본 CSS 사용해보기 (0) | 2023.02.06 |