คุณสมบัติ background CSS
การใช้งานและความหมาย
background ใช้ทางย่อในการตั้งค่าคุณสมบัติทั้งหมดของ background ในแถวเดียว
สามารถตั้งค่าคุณสมบัติตามนี้ได้
- background-color
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
- background-image
ถ้าไม่ตั้งค่าค่าใดๆ ในบางส่วนก็ไม่มีปัญหา เช่น background:#ff0000 url('smiley.gif'); ก็ยังอนุญาตได้
通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要輸入的字母也更少。
另請參考：
CSS 教程：CSS พื้นหลัง、CSS 背景（高級）
HTML DOM 參考手冊：background 屬性
CSS 語法
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
屬性值
| 值 | 描述 | CSS |
|---|---|---|
| background-color | 規定要使用的背景顏色。 | 1 |
| background-position | 規定背景圖像的位置。 | 1 |
| background-size | 規定背景圖片的尺寸。 | 3 |
| background-repeat | 規定如何重複背景圖像。 | 1 |
| background-origin | 規定背景圖片的定位區域。 | 3 |
| background-clip | 規定背景的繪製區域。 | 3 |
| background-attachment | 規定背景圖像是否固定或者隨著頁面的其餘部分滾動。 | 1 |
| background-image | 規定要使用的背景圖像。 | 1 |
| inherit | 規定應該從父元素繼承 background 屬性的設置。 | 1 |
技術細節
| 默認值： | not specified |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 + CSS3 |
| JavaScript 語法： | object.style.background="white url(paper.gif) repeat-y" |
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
