女同一区二区三区在线-日本伊人久久综合网-国产日韩欧美mv高清-国产精品亚洲精品日韩已满十八小-亚洲精品色午夜无码专区日韩-亚洲精品无码成人片久久不卡-亚洲国产一级中文字幕-亚洲综合国产成人丁香五月激情-日韩精品一区二区三区在线观看l

border-image

  • 版本:CSS3
  • 媒體:視覺

語法:

border-image:<' border-image-source '> || <' border-image-slice '> [ / <' border-image-width '> | / <' border-image-width '>? / <' border-image-outset '> ]? || <' border-image-repeat '>

默認(rèn)值看每個(gè)獨(dú)立屬性

適用于:看每個(gè)獨(dú)立屬性

繼承性:無

動(dòng)畫性:看每個(gè)獨(dú)立屬性

計(jì)算值:看每個(gè)獨(dú)立屬性

取值:

<' border-image-source '>:
設(shè)置或檢索對象的邊框是否用圖像定義樣式或圖像來源路徑。
<' border-image-slice '>:
設(shè)置或檢索對象的邊框背景圖的分割方式。
<' border-image-width '>:
設(shè)置或檢索對象的邊框厚度。
<' border-image-outset '>:
設(shè)置或檢索對象的邊框背景圖的擴(kuò)展。
<' border-image-repeat '>:
設(shè)置或檢索對象的邊框圖像的平鋪方式。

說明:

復(fù)合屬性。設(shè)置或檢索對象的邊框樣式使用圖像來填充。
  • 使用圖像替代 <' border-style '> 去定義邊框樣式。當(dāng) <' border-image '> 為none或圖像不可見時(shí),將會(huì)顯示 <' border-style '> 所定義的邊框樣式效果。

    示例:

    .test { border: 10px solid gray; border-image: url(test.png) 10/10px; }

    如果例子中的圖片不可見,或者未被加載,則會(huì)以 <' border '> 的定義呈現(xiàn),如果圖片載入成功,則以 <' border-image '> 的定義呈現(xiàn)。

  • 對應(yīng)的腳本特性為borderImage

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-10.0 2.0-3.0 4.0-14.0
-webkit-
3.1-5.1
-webkit-
15.0+ 3.2-5.1
-webkit-
2.1-4.3
-webkit-
18.0+
11.0+ 3.5-14.0
-moz-
15.0
-webkit-
6.0+ 6.1+ 4.4-4.4.4
15.0+ 16.0+

示例: