[CSS] background

 

▶ background
- 요소의 배경을 설정.

- background-color, background-image, background-repeat, background-position, background-attachment의 개별 속성들의 집합인 단축 속성.

 

[background의 개별 속성]
- background-color: 배경 색상 지정. 기본 값: transparent.
- background-image: 하나 이상의 배경 이미지. 기본 값: none.
- background-repeat: 배경 이미지의 반복. 기본 값: repeat.
- background-position: 배경 이미지 위치. 기본값 0 0. 
- background-attachment: 배경 이미지의 스크롤 여부(특성). 기본 값: scroll.

 

[사용 방법]

background: 색상 이미지경로 반복 위치 스크롤특성;

 

 

[사용 예시]

// 색상 이미지경로 반복 위치 스크롤특성.
background: red url("../img/image.jpg") no-repeat left top scroll;

// 이미지경로 반복 위치
background: ("../img/image.jpg") no-repeat right 100px; 

// 색상
background: red;