background

정의 및 사용

background 속성은 모든 background 속성들을 한번에 선언할 수 있는 축약속성이다.

background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment, background-image 들을 한꺼번에 선언할 수 있으며 {background:#ff0000 url(bg.gif);} 처럼 한 개 또는 그 이상을 제외하고 사용해도 무관하다.
(size, origin, clip 속성은 CSS3 에 새로 추가된 속성이므로 CSS3 내용을 참고)

정의 및 사용
기본값 개별 속성값 참고
상속 no
버전 CSS1(CSS3에 새로운 속성 추가)
자바스크립트 구문 object.style.background=”red url(bg.gif) top left no-repeat”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
background-color 배경 색상을 지정
background-position 배경 위치를 지정
background-repeat 배경의 반복 여부를 지정
background-attachment 배경의 고정 여부를 지정
background-image 배경에 이미지를 url로 지정

예제

버그 및 이슈

소제목

목록 으로

댓글