transparent
: 투명함none
: 이미지 없음url("경로")
: 이미지 경로auto
: 이미지의 실제 크기px
, em
, rem
등 단위로 지정cover
: 비율을 유지, 요소의 더 넓은 너비에 맞춤contain
: 비율을 유지, 요소의 더 짧은 너비에 맞춤repeat
(기본값): 수직,수평 반복repeat-x
: 수평 반복repeat-y
: 수직 반복no-repeat
: 반복 없음top
, bottom
, left
, right
, center
px
, em
, rem
등 단위로 지정scroll
: 이미지가 요소를 따라서 같이 스크롤fixed
: 이미지가 뷰 포트에 고정, 스크롤 Xlocal
: 요소 내 스크롤 시 이미지가 같이 스크롤6-1.scroll
속성
- 배경 이미지가 요소를 따라서 같이 스크롤 된다.
6-2.fixed
속성
- 배경 이미지가 뷰 포트에 고정되고 같이 스크롤 되지 않는다.
body { height: 3000px; }