2014-08-29 61 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點的'Tricky Edge Cases'下可以看到我引用的命令。

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

0

當使用速記屬性的屬性值的順序是:

`background: color image repeat attachment position` 

即使缺少一些值也沒關係,什麼事是在這些存在的順序