整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          CSS border-style 屬性

          CSS border-style 屬性

          義和用法

          border-style 屬性用于設置元素所有邊框的樣式,或者單獨地為各邊設置邊框樣式。

          只有當這個值不是 none 時邊框才可能出現。

          例子 1

          border-style:dotted solid double dashed; 
          
          • 上邊框是點狀
          • 右邊框是實線
          • 下邊框是雙線
          • 左邊框是虛線

          例子 2

          border-style:dotted solid double;
          
          • 上邊框是點狀
          • 右邊框和左邊框是實線
          • 下邊框是雙線

          例子 3

          border-style:dotted solid;
          
          • 上邊框和下邊框是點狀
          • 右邊框和左邊框是實線

          例子 4

          border-style:dotted;
          
          • 所有 4 個邊框都是點狀

          可能的值

          值描述none定義無邊框。hidden與 "none" 相同。不過應用于表時除外,對于表,hidden 用于解決邊框沖突。dotted定義點狀邊框。在大多數瀏覽器中呈現為實線。dashed定義虛線。在大多數瀏覽器中呈現為實線。solid定義實線。double定義雙線。雙線的寬度等于 border-width 的值。groove定義 3D 凹槽邊框。其效果取決于 border-color 的值。ridge定義 3D 壟狀邊框。其效果取決于 border-color 的值。inset定義 3D inset 邊框。其效果取決于 border-color 的值。outset定義 3D outset 邊框。其效果取決于 border-color 的值。inherit規定應該從父元素繼承邊框樣式。

          描述

          最不可預測的邊框樣式是 double。它定義為兩條線的寬度再加上這兩條線之間的空間等于 border-width 值。不過,CSS 規范并沒有說其中一條線是否比另一條粗或者兩條線是否應該是一樣的粗,也沒有指出線之間的空間是否應當比線粗。所有這些都有用戶代理決定,創作人員對這個決定沒有任何影響。

          設置四邊框樣式

          本例演示如何設置四邊框樣式。

          <html>
          <head>
          <style type="text/css">
          p.dotted {border-style: dotted}
          p.dashed {border-style: dashed}
          p.solid {border-style: solid}
          p.double {border-style: double}
          p.groove {border-style: groove}
          p.ridge {border-style: ridge}
          p.inset {border-style: inset}
          p.outset {border-style: outset}
          </style>
          </head>
          <body>
          <p class="dotted">A dotted border</p>
          <p class="dashed">A dashed border</p>
          <p class="solid">A solid border</p>
          <p class="double">A double border</p>
          <p class="groove">A groove border</p>
          <p class="ridge">A ridge border</p>
          <p class="inset">An inset border</p>
          <p class="outset">An outset border</p>
          </body>
          </html>
          

          CSS border-style 屬性

          讓轉換的子元素保留3D轉換:

          div{transform:rotateY(60deg); transform-style:preserve-3d; -webkit-transform:rotateY(60deg); /* Safari and Chrome */ -webkit-transform-style:preserve-3d; /* Safari and Chrome */}


          瀏覽器支持

          表格中的數字表示支持該屬性的第一個瀏覽器版本號。

          緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支持該前綴屬性的第一個瀏覽器版本號。

          屬性
          transform-style36.012.0 -webkit-11.016.010.0 -moz-9.04.0 -webkit-23.015.0 -webkit-

          屬性定義及使用說明

          transform--style屬性指定嵌套元素是怎樣在三維空間中呈現。

          注意: 使用此屬性必須先使用 transform 屬性.

          Safari/Chrome用戶:為了更好地理解transform--style屬性,請查看實例 演示.

          默認值:flat
          繼承:no
          版本:CSS3
          JavaScript 語法:object.style.transformStyle="preserve-3d"

          語法

          transform-style: flat|preserve-3d;

          描述
          flat表示所有子元素在2D平面呈現。
          preserve-3d表示所有子元素在3D空間中呈現。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          指定列之間的樣式規則:

          div

          {

          column-rule-style:dotted;

          -moz-column-rule-style:dotted; /* Firefox */

          -webkit-column-rule-style:dotted; /* Safari and Chrome */

          }


          瀏覽器支持

          表格中的數字表示支持該屬性的第一個瀏覽器版本號。

          緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支持該前綴屬性的第一個瀏覽器版本號。

          屬性
          column-rule-style50.04.0 -webkit-10.02.0 -moz-9.03.1 -webkit-37.015.0 -webkit11.1

          屬性定義及使用說明

          column-rule-style屬性指定列之間的樣式規則。

          默認值:none
          繼承:no
          版本:CSS3
          JavaScript 語法:object.style.columnRuleStyle="dotted"

          語法

          column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

          描述
          none定義沒有規則。
          hidden定義隱藏規則。
          dotted定義點狀規則。
          dashed定義虛線規則。
          solid定義實線規則。
          double定義雙線規則。
          groove定義 3D grooved 規則。該效果取決于寬度和顏色值。
          ridge定義 3D ridged 規則。該效果取決于寬度和顏色值。
          inset定義 3D inset 規則。該效果取決于寬度和顏色值。
          outset定義 3D outset 規則。該效果取決于寬度和顏色值。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 一区二区三区四区在线播放| 四虎永久在线精品免费一区二区| 无码AV一区二区三区无码| 国产人妖视频一区二区| 国产一区二区视频免费| 亚洲综合av一区二区三区| 中文字幕一区二区人妻| 国产成人精品一区二三区在线观看| 亚洲一区二区无码偷拍| 久久精品一区二区三区AV| 亚洲一区二区中文| 久久国产精品亚洲一区二区| 亚洲国产一区视频| 日韩一区二区三区精品| 四虎永久在线精品免费一区二区| 99偷拍视频精品一区二区| 97久久精品无码一区二区天美| 精品一区二区三区免费毛片爱 | 国产精品无码AV一区二区三区| 精品久久综合一区二区| 另类ts人妖一区二区三区| 日韩精品人妻一区二区三区四区| 亚洲码欧美码一区二区三区| 51视频国产精品一区二区| 一本一道波多野结衣AV一区 | 国产亚洲欧洲Aⅴ综合一区| 99久久精品费精品国产一区二区 | 亚洲国产成人一区二区三区| 久久国产精品一区免费下载| 久久久久人妻一区精品性色av| 97av麻豆蜜桃一区二区| 精品无码国产一区二区三区51安 | 国产一区二区福利| 人妻少妇精品视频一区二区三区| 蜜臀AV一区二区| 日本精品一区二区三本中文| 国产精品亚洲综合一区| 国产精品美女一区二区视频 | 久久精品国产亚洲一区二区三区| 中日韩一区二区三区| 日韩免费无码一区二区三区|