最近写网页,用到了border属性
了解的不是很多,就整理了一下
border属性就是边框属性
实例
p{
border:5px soild #000 ;
}
分三个点:
- border-width 指定边框的宽度
- boder-style 指定边框的样式
- border-color 指定边框的颜色
还有从父级元素继承过来的inherit
border-width
可以设置一到四个值
一个值:代表所有的边框;
两个值:第一个代表上下边框,第二个代表左右边框;
三个值:第一个上边框,第二个值是左右边框,第三个值是下边框;
四个值:上 右 下 左
属性值
- thin:定义细的边框
- medium:默认,定义中等的边框
- thick:定义粗的边框
- length:允许你自定义边框的宽度
- inherit:规定应该从父级元素继承边框宽度
border-style
border-style属性设置一个元素的四个边框的样式。此属性可以有一到四个值
一个值:代表所有的边框;
两个值:第一个代表上下边框,第二个代表左右边框;
三个值:第一个上边框,第二个值是左右边框,第三个值是下边框;
四个值:上 右 下 左
属性值
- soild:实线
- dotted:点状
- double:双线
- dashed:虚线
- none:定义无边框
- hidden:于none相同,应用表时除外,对于表,hidden用于解决边框冲突
border-color
border-color属性设置一个元素的四个边框颜色。此属性可以有一到四个值。
一个值:代表所有的边框;
两个值:第一个代表上下边框,第二个代表左右边框;
三个值:第一个上边框,第二个值是左右边框,第三个值是下边框;
四个值:上 右 下 左
注意:请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。
属性
- color :在CSS颜色值查找颜色值的完整列表
- transparent:边框颜色透明,这是默认值
- inherit:从父级元素继承