본문 바로가기
WEB/CSS

[CSS] 글자 관련 CSS 정리

by SooooooooS 2023. 2. 16.
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