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, 以及 Opera 169-16image 屬性。

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

定義和使用：

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

border-image-source；

border-image-slice；

border-image-width； -image-outset；

border-image-repeat；

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

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

可能的值：

 以上是CSS3教學-border-image 屬性的內容，更多相關內容請追蹤PHP中文網（www.php.cn）！