Background 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 배경과 관련된 background-color, background-image, background-repeat, background-position, background-attachment, 속성을 한꺼번에 지정할 수 있는 단축 속성이다.

입력이 편해서 다른 배경 속성을 조합하는 것보다 이 속성을 사용하길 추천한다.

edit

정의

Background설명
값[<background-color> || <background-image> || <background-repeat> || <background-attachment]> || <background-position>] | inherit | inherit
기본값화면 표시 장치의 기본 스타일 참조
적용대상모든 요소
상속됨
백분율사용 불가
미디어visual

edit

값

값설명
<background-color>
<background-image>
<background-repeat>
<background-attachment]>
<background-position>		각 속성값을 참조
inherit부모 요소의 값을 상속하도록 지정한다.

edit

예제

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
	p {
	background:#000 url(/docs/files/Css/Background/pattern_156.gif) 10px 5px repeat-x;
	color:#fff;
	height:100px;
	}	
</style>
</head>
<body>
	<p>배경에 검정색을 지정하고, 배경 이미지를 가로 10px 세로 5px 떨어진 위치를 기준으로, 가로(x축) 방향으로 반복시킵니다.</p>
</body>
</html>

edit

브라우저 호환성

값IE6?IE7?FF2?Op9?
(background-color)83%83%지원82%
(background-image)67%67%지원83%
(background-repeat)90%90%지원90%
(background-attachment)50%67%지원83%
(background-position)50%50%지원94%
inherit미지원미지원지원지원

첨부 파일

Wiki Trail: < background-attachment | 문서 목록 | display >

 
Be Friend~! Be Friend~!