CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS background-attachment 속성 CSS3 backface-visibility 속성

CSS background 속성 사용 방법 및 예제

CSS background 속성은 각 배경 속성을 설정하는 줄서술 속성입니다. 즉, 하나의 줄서술 속성이며, background-image，background-position，background-size，background-repeat，background-attachment，background-origin，background-clip와background-color 이 단일 속성 선언.

다음 표는 이 속성의 사용 경험과 버전 역사를 요약합니다。

기본 값：	모든 속성 값 확인
적용 대상：	모든 요소
thừa kế：	없음
애니메이션 가능성：	네, 속기의 일부 속성은 애니메이션을 설정할 수 있습니다.참조하십시오 애니메이션 속성。
버전：	CSS 1，2，3
JavaScript 문법:	object　　　object.style.background="red url(smiley.gif) top left no-repeat"

background 배경 사용 문법

이 속성의 문법은 다음과 같습니다：

background:　[　image　position/size repeat attachment origin clip color ] | initial | inherit

위에 나열된 모든 속성이 누락되거나 생략된 경우, 해당 속성의 기본 값을 삽입합니다（만약 있을 경우）。상세 내용은 각 속성을 참조하세요.주의:

아래의 예제는 background 속성을 사용하는 방법을 보여줍니다.

예제

body {background: #ffff00 url("smiley.png") no-repeat fixed center;}

시험해 보기‹/›

CSS에서3중에서 여러 배경을 단일 요소에 추가할 수도 있습니다. 배경은 z축에 대해 서로 겹칩니다.

예제

.box {
　　　　width:　100%;
　　　　height:　500px;
　　　　background: url("images/birds.png") no-repeat center,url("images/clouds.png") no-repeat center,lightblue;
}

시험해 보기‹/›

속성 값

이 표는 이 속성의 값을 설명합니다.

값	설명
background-attachment	배경이 문서와 함께 스크롤되거나 볼륨 영역에 고정되는지 지정합니다.
background-color	요소의 배경색을 설정합니다.
background-clip	배경을 그리는 영역을 지정합니다.
background-image	요소에 하나 이상의 배경 이미지를 설정합니다.
background-origin	배경 이미지의 정위치를 지정합니다.
background-position	배경 이미지의 초기 위치를 설정합니다.
background-repeat	배경 이미지의 크기와 위치를 지정한 후 텐셰핑 방식을 설정합니다.
background-size	배경 이미지의 크기를 지정합니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 부모 요소의 background 속성의 계산 값을 사용하는 요소가 연결됩니다.

브라우저 호환성

background 속성의 브라우저 호환성, 모든 주요 브라우저가 이 속성을 지원합니다.

	파이어폭스 1+ 구글 크롬1+ 인터넷 익스플로러 4+ 아이폰 사파리 1+ 오페라 3.5+

추가로 읽기

다음 튜토리얼을 참조하세요:CSS 배경，CSS3배경。

CSS background-attachment 속성 CSS3 backface-visibility 속성