English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체 목록

CSS 배경-image 속성 사용 방법 및 예제

CSS 배경-image 속성의 요소에 배경 이미지를 설정합니다. 일반적으로 약자 약칭을 사용합니다.배경속성이 더 편리합니다.

다음 표는 이 속성의 사용 상황과 버전 기록을 요약합니다.

기본 값:none
적용:모든 요소
thừa kế:없음
애니메이션 가능:아니요.참조: 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:    
object    object.style.backgroundImage="url(image.gif)"

배경-image 사용 문법

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

배경-image: url | none | initial | inherit

다음 예제는 background를 사용하는 방법을 보여줍니다.-image 속성.

body {background-image: url("images/pattern.jpg");}
시험해 보세요‹/›

경고: 인터넷 익스플로러 8그리고 이전 버전은 단일 요소에 여러 배경 이미지를 지원하지 않습니다.

속성 값

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

설명
url배경 이미지의 이미지 자원 위치 경로.
none기본 값. 지정된 경우 배경 이미지가 표시되지 않습니다.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 연결된 요소는 부모 요소의 background를 사용합니다.-image 속성의 계산 값.

브라우저 호환성

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

  • 파이어폭스 1+

  • 구글 크롬1+

  • 인터넷 익스플로러 4+

  • 애플 사파리 1+

  • 오페라 3。5+

더 읽기

다음 튜토리얼을 참조하십시오:CSS 배경CSS3배경

관련 속성:배경배경-attachment배경-color배경-clip배경-origin배경-position배경-repeat배경-size