CSS border屬性預設值

antzone發表於2017-03-02
CSS

border是常用屬性之一，下面介紹一下border的預設屬性值相關知識。

程式碼片段如下：

[CSS] 純文字檢視 複製程式碼
div{
  height:100px;
  width:100px;
}

上述程式碼並未設定任何boder相關屬性，div元素不具有邊框效果。

再來看一段程式碼：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
div{
  height:100px;
  width:100px;
  border-style:solid;
}
</style>
</head>
<body>
<div id="thediv"></div>
</body>
</html>

上述程式碼僅規定border-style屬性，此時border-color和border-width將會採用預設值。

預設值分別解析如下：

（1）.border-color：預設值是當前元素的字型顏色。

（2）.border-width：預設值是medium，大約是3px。

相關文章