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>
posted @ 2016-11-25 15:31  刘江龙  阅读(396)  评论(0)  编辑  收藏  举报