也许对与你来说这并不是一个什么新鲜信息. 除了可以使用标准宽度值 (例如 5px 或 1em) 外, border-width 属性可以接受预定义的常量值: medium, thin, 和 thick
事实上, 如果你不给 border-width 属性赋值, 那它的缺省值是 "medium". 下面的演示就是用了预定义常量值:
html 代码
<div class="example">
CSS 代码
- body {
- font-family: Arial, sans-serif;
- text-align: center;
- }
- .example {
- width: 100px;
- height: 100px;
- margin: 20px auto;
- background: aqua;
- border: solid thick red;
- }
演示
在浏览器使用这些预定义常量值时, CSS 规范里并没有规定都应该是什么宽度, 但从我的观察看, 它们的值分别是 1px, 3px, 和 5px
来源: http://www.webhek.com/post/the-border-width-property-accepts-keyword-values.html