글꼴
font-style
글자의 기울기
기본값 normal 기울기 없음
italic 이텔릭체
font-weight
글자의 두께(가중치)
기본값 normal, 400 기본 두께
bold, 700 두껍게
100 ~ 900 100단위의 숫자 9개, normal과 bold 이외 두께
font-size
글자의 크기
기본값 16px 기본 크기
line-height
한 줄의 높이, 행간과 유사
요소의 글꼴 크기의 배수로 지정
font-family
font-family: 글꼴1, "글꼴2", ... 글꼴계열
문자
color
글자의 색상
기본값 rgb(0,0,0) 검정색
text-align
문자의 정렬 방식
기본값 left 왼쪽 정렬
text-decoration
문자의 장식(선)
기본값 none 장식 없음
text-indent
문자 첫 줄의 들여쓰기
기본값 0 들여쓰기 없음
배경
background-color
요소의 배경 색상
기본값 transparent 투명함
background-image
요소의 배경 이미지 삽입
기본값 none 이미지 없음
url("경로") 이미지 경로
background-repeat
요소의 배경 이미지 반복
기본값 repeat 수직, 수평 반복
no-repeat 반복 없음
background-position
요소의 배경 이미지 위치
방향 top, bottom, left, right, center 방향
background-size
요소의 배경 이미지 크기
기본값 auto 이미지의 실제 크기
cover 비율을 유지, 요소의 더 넓은 너비에 맞춤
contain 비율을 유지, 요소의 더 짧은 너비에 맞춤
background-attachment
요소의 배경 이미지 스크롤 특성
기본값 scroll 이미지가 요소를 따라서 같이 스크롤
fixed 이미지가 뷰포트에 고정, 스크롤 x
'CSS' 카테고리의 다른 글
| [CSS] CSS 속성 - 전환(transition), 변환(transform) (0) | 2023.01.18 |
|---|---|
| [CSS] CSS 속성 - 배치(position), 플렉스(flex) (0) | 2023.01.18 |
| [CSS] CSS 속성 - 박스 모델 (width, height, margin, padding, border, box-sizing, overflow, display, opacity) (0) | 2023.01.18 |
| [CSS] CSS 스타일 상속과 선택자 우선 순위 (0) | 2023.01.18 |
| [CSS] CSS 선택자 - 가상 요소, 속성 (0) | 2023.01.18 |