CSS border-image-source 屬性
定義和用法
border-image-source
屬性指定要用作邊框的影像的路徑(而不是元素周圍的常規邊框)。
提示:如果值為“none”,或者影像無法顯示,則將使用邊框樣式。
提示: 還可以檢視 border-image 屬性(設定所有 border-image-* 屬性的簡寫屬性)。
預設值 | none |
---|---|
繼承 | no |
可動畫 | 否。 閱讀關於可動畫屬性 |
版本 | CSS3 |
JavaScript 語法 | object.style.borderImageSource="url(border.png)" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS 語法
border-image-source: none|image|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
none | 將不使用任何影像 | |
圖片 | 用作邊框的圖片路徑 | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程:CSS 邊框影像
CSS 參考:border-image 屬性
CSS 參考:border-image-outset 屬性
CSS 參考:border-image-repeat 屬性
CSS 參考:border-image-slice 屬性
CSS 參考:border-image-width 屬性
HTML DOM 參考: borderImageSource 屬性