Background
개요 : 이 속성은 배경과 관련된 모든 개별 속성(background-color, background-image, background-repeat, background-position,
background-attachment) 을 한꺼번에 지정할 수 있는 단축 속성이다.
입력이 편해서 다른 배경 속성을 조합하는 것보다 이 속성을 사용하길 추천한다.
정의
|
background |
설명 |
|
값 |
[<background-color> || <background-image> || <background-repeat> || <background-attachment]> || <background-position>] | inherit | inherit |
|
기본값 |
화면표시 장치의 기본 스타일 참조 |
|
적용대상 |
모든 요소 |
|
상속 |
됨 |
|
백분율 |
사용 불가 |
|
미디어 |
visual |
값
|
값 |
|
|
<background-color> <background-image> <background-repeat> <background-attachment> <background-position> |
각 속성값을 참조 |
|
inherit |
부모 요소의 값을 상속하도록 지정한다. |
View Source :
<style>
p {
background:#000 url(/docs/files/css/background/pattern_156.gif) 10px 5px repeat-x;
color:#fff;
height:100px;
}
</style>
<body>
<p>배경에 검정색을 지정하고, 배경 이미지를 가로 10px 세로 5px 떨어진 위치를 기준으로, 가로(x축) 방향으로 반복시킵니다.</p>
</body>
Result :
''.' Programs > CSS' 카테고리의 다른 글
| Background-Position (0) | 2012.03.20 |
|---|---|
| Background - Attachment (0) | 2012.03.20 |
| Width (0) | 2012.03.20 |
| Min-Width (0) | 2012.03.20 |
| Max-Width (0) | 2012.03.20 |