border 外边框

语法：

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

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

默认值：看每个独立属性

适用于：所有元素

继承性：无

动画性：看每个独立属性

计算值：看每个独立属性

相关属性：[ 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>