- HTML中文网
- 联系QQ:88526
- QQ交流群

- 微信公众号

border属性
含义:
border属性是一个缩写属性,可以在一个声明中设置所有的边框属性
可以设置的属性分别为:border-width, border-style,和border-color。
如果上述值缺少一个也没有关系,例如border:#FF0000;是允许的
浏览器支持:
表格中的数字表示支持该属性的第一个浏览器版本号
属性 | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
border | 4.0 | 1.0 | 1.0 | 1.0 | 3.5 |
CSS语法:
border:border-width|border-style|border-color|inherit
属性值:
值 | 描述 |
border-width | 指定边框的宽度 |
border-style | 指定边框的样式 |
border-color | 指定边框的颜色 |
inherit | 指定应该从父元素继承border属性值 |
<!DOCTYPE html> <html> <head> <style> div{ width:430px; height:300px; border: 3px solid #444; text-align: center; line-height: 300px; font-size: 20px; } </style> </head> <body> <div>边框</div> </body> </html>
点击 "运行实例" 按钮查看在线实例
效果图:
推荐手册