ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
**border-left** * 描述:复合属性。设置对象左边框属性。 * 版本:CSS1 * 继承性:无 **语法** ``` border-left: border-left-width | border-left-style | border-left-color; ``` 颜色种类 * border-left-width:设置边框的宽度。 * border-left-style:设置边框的样式。 * border-left-color:设置边框的颜色。 * inherit:设置从父元素继承 border 的属性。 **使用说明** 虽然有三个参数可以设置,并不强制全部设置。如:border-left:solid #ff0000; 若使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-left</title> <style> #container{ width: 50px; height: 50px; border-style:solid; border-left:thick double #ff0000; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-left](https://box.kancloud.cn/20794d94d9b7ad418e1853eb7a2a2142_72x70.png)