无码国产精品一区二区免费久久,中文字幕精品亚洲无线码二区,久久精品成人无码观看,19禁无遮挡啪啪无码网站,久久午夜夜伦鲁鲁片免费无码影院

<ul id="qkqya"></ul>

border-style 短屬性語法：

border-style：<line-style>{1,4}

默認值：看每個獨立屬性

適用于：所有元素

繼承性：無

動畫性：否

計算值：看每個獨立屬性

媒　體：視覺

border-*-style 分拆獨立屬性語法：

border-top-style, border-right-style, border-bottom-style, border-left-style：<line-style>

默認值：none

適用于：所有元素

繼承性：無

動畫性：否

計算值：指定值

媒　體：視覺

取值：

none：: 無輪廓。當定義了該值時，border-color將被忽略，border-width計算值為0，除非邊框輪廓應用了border-image。
hidden：: 隱藏邊框。
dotted：: 點狀輪廓。
dashed：: 虛線輪廓。
solid：: 實線輪廓
double：: 雙線輪廓。兩條單線與其間隔的和等于指定的border-width值
groove：: 3D凹槽輪廓。
ridge：: 3D凸槽輪廓。
inset：: 3D凹邊輪廓。
outset：: 3D凸邊輪廓。

說明：

定義元素的邊框樣式。

border-style如果提供全部四個參數值，將按上、右、下、左的順序作用于四邊；只提供一個，將用于全部的四邊；提供兩個，第一個用于上、下，第二個用于左、右；提供三個，第一個用于上，第二個用于左、右，第三個用于下。
如果border-width等于0，border-style及其分拆獨立屬性將失效。
對應的腳本特性分別為：borderStyle, borderTopStyle, borderRightStyle, borderBottomStyle, borderLeftStyle。

兼容性：

淺綠 = 支持
紅色 = 不支持
粉色 = 部分支持

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+

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>border-style_CSS參考手冊_web前端開發(fā)參考手冊系列【CSS在線手冊-網站設計教程參考資料】</title>
<meta name="author" content="易網,網站設計,網站制作,網站建設,www.gdywg.com.cn" />
<style>
div{float:left;margin-right:5px;}
.none{padding:10px;border:0 none;background:#eee;}
.hidden{padding:10px;border:3px hidden #000;background:#eee;}
.dotted{padding:10px;border:3px dotted #000;background:#eee;}
.dashed{padding:10px;border:3px dashed #000;background:#eee;}
.solid{padding:10px;border:3px solid #000;background:#eee;}
.double{padding:10px;border:3px double #000;background:#eee;}
.groove{padding:10px;border:3px groove #000;background:#eee;}
.ridge{padding:10px;border:3px ridge #000;background:#eee;}
.inset{padding:10px;border:3px inset #000;background:#eee;}
.outset{padding:10px;border:3px outset #000;background:#eee;}
</style>
</head>
<body>
<div   id="uaukcwsk2o2i"   class="none">none</div>
<div   id="uaukcwsk2o2i"   class="hidden">hidden</div>
<div   id="uaukcwsk2o2i"   class="dotted">dotted</div>
<div   id="uaukcwsk2o2i"   class="dashed">dashed</div>
<div   id="uaukcwsk2o2i"   class="solid">solid</div>
<div   id="uaukcwsk2o2i"   class="double">double</div>
<div   id="uaukcwsk2o2i"   class="groove">groove</div>
<div   id="uaukcwsk2o2i"   class="ridge">ridge</div>
<div   id="uaukcwsk2o2i"   class="inset">inset</div>
<div   id="uaukcwsk2o2i"   class="outset">outset</div>
</body>
</html>

<ul id="scycy"></ul>