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

      border

      • 版本:CSS1
      • 2018.3.2

      border 短屬性語法:

      border<line-width> || <line-style> || <color>

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

      適用于:所有元素

      繼承性:無

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

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

      媒 體:視覺

      border-* 分拆獨(dú)立屬性語法:

      border-top, border-right, border-bottom, border-left<line-width> || <line-style> || <color>

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

      適用于:所有元素

      繼承性:無

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

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

      媒 體:視覺

      下屬獨(dú)立屬性border-*-width || border-*-style || border-*-color

      取值:

      <line-width>
      定義元素的邊框厚度。
      <line-style>
      定義元素的邊框樣式。
      <color>
      定義元素的邊框顏色。

      說明:

      復(fù)合短屬性。定義元素邊框的外觀特性。參閱outline屬性。
      • 如使用borderborder-*短屬性只定義了單個(gè)參數(shù)值,則其他參數(shù)的默認(rèn)值將無條件覆蓋各自對應(yīng)的單個(gè)屬性值定義。

        舉個(gè)例子:

        .demo { border: 1px dashed red; border: solid; } <div id="qg1vjhaigs" class="demo"> <p class="text">獨(dú)立屬性被短屬性定義覆蓋示例</p> </div>

        這個(gè)例子中,定了 2 次 border 屬性,第 1 次為 .demo 定義了 1px 的虛線紅色邊框,第 2 次定義了邊框樣式為實(shí)線(只定義單個(gè)參數(shù)值),由于 border 是復(fù)合短屬性,第 1 次定義的邊框厚度和邊框顏色都會被 border 的默認(rèn)值給覆蓋掉,所以最終會顯示為 3px 的實(shí)線黑色邊框

      • 對應(yīng)的腳本特性分別為:border, borderTop, borderRight, borderBottom, borderLeft

      兼容性:

      • 淺綠 = 支持
      • 紅色 = 不支持
      • 粉色 = 部分支持
      Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
      Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

      示例:

        • <span id="z4nqb"></span>
          亚洲国产AⅤ精品一区二区蜜芽 | 五月天亚洲淫淫网 | 一区一区国家精品 | 国语对白中文字幕 | 黄色一级视频免费观看 | 麻豆护士| 欧美熟妇激情一区二区三区 | 人人摸人人添 | 欧美日韩一区视频 | 亚洲在线三级片 |