1. <span id="z4nqb"></span>

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

      說明:

      復(fù)合屬性。設(shè)置或檢索對(duì)象的邊框樣式使用圖像來填充。
      • 使用圖像替代 <' 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)。

      • 對(duì)應(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+

      示例:

        • <span id="z4nqb"></span>
          a片黄色免费观看 | 久久9热 国产人成午夜免电影费观看 | 黄色国产视频网站 | 青青草在线免费观看视频 | 国产亚洲中文字幕在线观看 | 日韩一级免费观看视频 | 青娱乐一区二区三区 | 婷婷五月天激情视频 | 天天草夜夜操 | 免费直接观看的黄色 |