» 網誌存檔 » CSS 3：背景屬性 Niquelao CSS 3：背景屬性 2009年12月2日，由 Rumoroso 發表 昨天我突發奇想，著手彙整 CSS 3 預計將納入、用來控制任何元素背景（在視覺媒體中）的屬性及其對應值。其中幾項與我們平時在樣式表中慣用的屬性不謀而合，因此應該不會讓我們感到陌生。其餘則是全新屬性，用以彌補 CSS 專業人士早已指出的不足之處。據此，我製作了以下表格： 屬性 預設值／可選值 百分比 background-attachment [scroll | fixed | local] [ , [scroll | fixed | local] ]* scroll - background-clip [border-box | padding-box] [ , [border-box | padding-box] ]* border-box - background-color transparent - background-image [![]()
| none] [ , [![]()
| none] ]* none - background-origin [border-box | padding-box | content-box] [ , [border-box | padding-box | content-box] ]* padding-box - background-position [ [ [ | | left | center | right ] ] [ [ | | top | center | bottom ] ]? | [ center | [ left | right ] [ | ]? ] || [ center | [ top | bottom ] [ | ]? ] ]* 0% 0% 是 background-repeat [repeat-x | repeat-y | [repeat | space | round | no-repeat] ] [ , repeat-x | repeat-y | [repeat | space | round | no-repeat] ]* repeat - background-size [ [ | | auto ]{1,2} | cover | contain ] [ , [ | | auto ]{1,2} | cover | contain ]* auto 是 …當然，還有 shorthand 簡寫形式： background: [ || || / || || || , ]* || || / || || || || <’background-color’> 部分屬性已開始在最新版本的瀏覽器中獲得支援（正如我在〈使用 CSS 3 的多重背景圖片〉一文中提到的），某些情況下還以實驗性質納入（例如 Firefox 透過 -moz 前綴）。 注意：提醒各位，這些屬性都不會被繼承。 不久後，為了把這個主題徹底講清楚，並讓大家清楚理解我們透過修改背景屬性究竟能達成什麼效果，我會詳細說明每一個屬性的作用。 CSS 3：背景屬性 分類：CSS —> 你可以透過 RSS 2.0 feed 追蹤這些留言。你也可以從你的網站發送 trackback。 上一篇文章：使用 CSS 3 的多重背景圖片 下一篇文章：如果你使用 Safari 或 Chrome…… —> —> —> 本作品採用 Creative Commons 授權條款。
P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; if you want the current details.