CSS3教程-border-image 屬性

今天呢，翠兒姐給大家講解CSS3教程-邊框的最後一種屬性：border-image 屬性。本文主要介紹了這款屬性的定義以及用法，希望在前端開發工作中可以幫到需要協助的同學。

看一下具體執行個體：

將圖片規定為包圍 div 元素的邊框：

div{-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */-o-border-image:url(border.png) 30 30 round; /* Opera */border-image:url(border.png) 30 30 round;}

瀏覽器支援：

Internet Explorer 11, Firefox, Opera 15, Chrome 以及 Safari 6 支援 border-image 屬性。

Safari 5 支援替代的 -webkit-border-image 屬性。

定義和用法：

border-image 屬性是一個簡寫屬性，用於設定以下屬性：

border-image-source；

border-image-slice；

border-image-width；

border-image-outset；

border-image-repeat；

如果省略值，會設定其預設值。

提示：請使用 border-image-* 屬性來構造漂亮的可伸縮按鈕！

可能的值：

以上就是CSS3教程-border-image 屬性的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！

