border-image

實(shí)例

指定作為div元素周圍邊框的圖像：

#borderimg { -webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */ -o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */ border-image: url(border.png) 30 round; }

運(yùn)行代碼 ?
在此頁(yè)底部有更多的例子。

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
border-image	16.0 4.0?-webkit-	11.0	15.0 3.5?-moz-	6.0 3.1?-webkit-	15.0 11.0?-o-

屬性定義及使用說(shuō)明

border-image屬性是速記屬性用于設(shè)置 border-image-source, border-image-slice, border-image-width, border-image-outset 和border-image-repeat 的值。

省略的值設(shè)置為它們的默認(rèn)值。

提示: 使用border-image-*屬性來(lái)構(gòu)建美麗的可擴(kuò)展按鈕！

默認(rèn)值:	none 100% 1 0 stretch
繼承:	no
版本:	CSS3
JavaScript 語(yǔ)法:	object.style.borderImage="url(border.png) 30 30 round"

語(yǔ)法

border-image: source slice width outset repeat|initial|inherit;

值	描述
border-image-source	用于指定要用于繪制邊框的圖像的位置
border-image-slice	圖像邊界向內(nèi)偏移
border-image-width	圖像邊界的寬度
border-image-outset	用于指定在邊框外部繪制 border-image-area 的量
border-image-repeat	用于設(shè)置圖像邊界是否應(yīng)重復(fù)（repeat）、拉伸（stretch）或鋪滿（round）。

中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

border-image

實(shí)例

瀏覽器支持

屬性定義及使用說(shuō)明

語(yǔ)法

更多實(shí)例

相關(guān)文章