- slide 1 of 23, currently active
- slide 2 of 23
- slide 3 of 23
- slide 4 of 23
- slide 5 of 23
- slide 6 of 23
- slide 7 of 23
- slide 8 of 23
- slide 9 of 23
- slide 10 of 23
- slide 11 of 23
- slide 12 of 23
- slide 13 of 23
- slide 14 of 23
- slide 15 of 23
- slide 16 of 23
- slide 17 of 23
- slide 18 of 23
- slide 19 of 23
- slide 20 of 23
- slide 21 of 23
- slide 22 of 23
- slide 23 of 23
6.4.7 background 속성으로 한 번에 지정하기
앞에서 배운 배경 속성들은 background 속성으로 한 번에 지정할 수 있습니다. 속성값을 나열하는 순서는 정해져 있지 않지만, background-size 속성만은 항상 background-position 속성값을 먼저 작성하고 나서 슬래시(/)로 구분한 후 사용해야 합니다.
형식
background:<color 속성값> <image 속성값> <repeat 속성값> <position 속성값/size 속성값> <attachment 속성값>;
예를 들어, 다음과 같이 여러 속성을 사용하는 코드가 있습니다.
div{
background-color:red;
background-image:url('images/coffee.jpg');
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
background-attachment:fixed;
}