首页 > 代码库 > border 外边框

border 外边框

语法:

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

<line-width> = <length> | thin | medium | thick

<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

默认值:看每个独立属性

适用于:所有元素

继承性:无

动画性:看每个独立属性

计算值:看每个独立属性

相关属性:[ border-top ] || [ border-right ] || [ border-bottom ] || [ border-left ]

 

取值:

<line-width>: 设置或检索对象边框宽度。
<line-style>: 设置或检索对象边框样式。
<color>: 设置或检索对象边框颜色。

 

说明:

复合属性。设置对象边框的特性。参阅outline属性。

  • 如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
  • 对应的脚本特性为border

 

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>border 外边框</title>    <style type="text/css">    .parent{        border-width: 1px 1px 2px 3px;        border-style: solid;        border-color: #0ff;        width: 300px;        height: 200px;    }    </style></head><body><div class="parent"></div></body></html>

border 外边框