2014-08-29 5 views
0

다음과 CSS의 배경 속성의 약식 정의 될 때 :이해 CSS를 배경 약식 속성

background: color position/size repeat origin clip attachment image|initial|inherit;

하지만 난 다음 예제 찾기 :

body { 
    background: #00ff00 url('smiley.gif') no-repeat fixed center; 
} 

그래서 여기 순서입니다 : 색상 -image-repeat-attachment-position

주문이 변경 될 수있는 이유가 있습니까?

답변

1

속기 속성은 속성 값에 대해 특정 순서를 강제로 적용하지 않으려 고하지만이 속성이 다른 유형의 값을 가지고 있지만 해당 속성이 동일한 값을 가질 수없는 경우에는 잘 작동합니다.

배경 약식 속성에는 여러 유형의 값이 있으므로 값의 순서에 따라 오류가 발생하지 않아야합니다. 그러나 가독성을 유지하려면 표준 순서를 따라야합니다.

다음은 mozilla의 개발 센터에서 약식 속성에 대한 설명서입니다. 순서에 대한 인용문은 3 번 지점의 '까다로운 가장자리 사례'에서 볼 수 있습니다.

https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties

0

속기 특성 속성 값의 순서를 사용하는 것입니다 : 심지어 일부 값은 중요하지 않습니다 누락 된 경우

`background: color image repeat attachment position` 

, 이것들이 존재하는 순서 어떤 문제이다