CSS3 border-image-source 屬性

2022-06-02 14:57 更新

實(shí)例

使用一幅圖像作為圍繞 div 元素的邊框:

div
{
  border-image-source: url(border.png);}

瀏覽器支持

屬性
border-image-source 15.0 11.0 15.0 6.0 15.0

Opera 不支持 border-image-source 屬性。

Internet Explorer 10 以及更早的版本不支持 border-image-source 屬性。

Safari 5 以及更早的版本不支持 border-image-source 屬性。

請(qǐng)參閱 border-image 屬性。

定義和用法

border-image-source 屬性規(guī)定要使用的圖像,代替 border-style 屬性中設(shè)置的邊框樣式。

提示:如果值為 "none",或者如果圖像無(wú)法顯示,則使用邊框樣式。

默認(rèn)值: none
繼承性: no
版本: CSS3
JavaScript 語(yǔ)法: object.style.borderImageSource="url(border.png)"

語(yǔ)法

border-image-source: none|image;
描述
none 不使用圖像。
image 用作邊框的圖像的路徑。

相關(guān)頁(yè)面

CSS3 教程:CSS3 邊框

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)