border-width · CSS基础

## border-width 属性 ## 属性定义及使用说明 border-width属性设置一个元素的四个边框的宽度。此属性可以有一到四个值。实例: **border-width:thin medium thick 10px;** * 上边框是细边框 * 右边框是中等边框 * 下边框是粗边框 * 左边框是 10px 宽的边框 **border-width:thin medium thick;** * 上边框是细边框 * 右边框和左边框是中等边框 * 下边框是粗边框 **border-width:thin medium;** * 上边框和下边框是细边框 * 右边框和左边框是中等边框 **border-width:thin;** * 所有4个边框都是细边框 JavaScript 语法：object.style.borderWidth="thin thick" * * * ## 属性值 | 值 | 描述 | | --- | --- | | thin | 定义细的边框。 | | medium | 默认。定义中等的边框。 | | thick | 定义粗的边框。 | | *length* | 允许您自定义边框的宽度。 | | inherit | 规定应该从父元素继承边框宽度。 | * * * ## 实例--设置四个边框的宽度： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> p.one { border-style:solid; border-width:5px; } p.two { border-style:solid; border-width:medium; } p.three { border-style:solid; border-width:1px; } </style> </head> <body> Some text. Some text. Some text. 注意: "border-width" 属性如果单独使用则不起作用. 要先使用 "border-style" 属性来设置 borders . </body> </html> ```