background

background 속성은 배경 속성 값을 정의합니다.

특징	설명
기본 값	background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto auto;
상속	안됨
애니메이션	background-attachment: 안됨 background-clip: 안됨 background-color: 가능 background-image: 안됨 background-origin: 안됨 background-position: 가능 background-repeat: 안됨 background-size: 가능
버전	CSS1+CSS3

Definition

• background 속성은 배경 속성 값을 정의합니다.
• background-attachment 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다.
• background-blend-mode 속성은 배경을 혼합했을 때의 상태를 정의합니다.
• background-clip 속성은 백그라운드 색의 영역을 설정합니다.
• background-color 속성은 백그라운 색을 설정합니다.
• background-image 속성은 백그라운 이미지 속성을 설정합니다.
• background-origin 속성은 백그라운드 이미지의 영역 속성을 설정합니다.
• background-position은 백그라운 이미지의 위치 영역을 설정합니다.
• background-repeat은 백그라운 이미지 반복여부를 설정합니다.
• background-size은 백그라운드 이미지 사이즈를 설정합니다.

Syntax

background : background-attachment | background-blend-mode | background-clip | background-color | background-image | background-origin | background-position | background-repeat | background-size | inherit;

Property

속성 값	설명
background-attachment	배경 고정여부를 설정합니다.
background-blend-mode	배경을 혼합했을 때의 상태를 정의합니다.
background-clip	배경 적용 범위를 설정합니다.
background-color	배경 색을 설정합니다.
background-image	배경 이미지를 설정합니다.
background-origin	배경 방향을 설정합니다.
background-position	배경 위치를 설정합니다.
background-repeat	배경 반복여부를 설정합니다.
background-size	배경 사이즈를 설정합니다.
inherit	background 값을 상위요소한테 상속받습니다.

Compatibility

							6	7	8	9	10	11
background-attachment
background-blend-mode
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size