css边框属性全面汇总(基础篇)

发布时间:2020-03-01编辑:脚本学堂
本文主要对css边框属性的一些总结,都是平时常用到的,建议有需要的朋友学习一下。
平常使用时用到的一些css属性汇总分享给大家。

下面的这些属性用来设定上下左右边框的风格,它的值如下:
none (没有边框,无论边框宽度设为多大)
dotted (点线式边框)
dashed (破折线式边框)
solid (直线式边框)
double (双线式边框)
groove (槽线式边框)
ridge(脊线式边框)
inset (内嵌效果的边框)
outset (突起效果的边框)
 
下面的这些属性用来设定上下左右边框的宽度,它的值如下:
medium (是缺省值)
thin (比medium细)
thick (比medium粗)
 
用长度单位定值。可以用绝对长度单位(cm, mm, in, pt, pc)或者用相对长度单位 (em, ex, px)。
上下左右四个边框可以统一设定,也可以分开设定,设定方法如下:
设定上边框属性,border-top, border-top-width, border-top-style, border-top-color。
设定下边框属性,border-bottom, border-bottom-width, border-bottom-style, border-bottom-color。
设定左边框属性,border-left, border-left-width, border-left-style, border-left-color。
设定上边框属性,border-right, border-right-width, border-right-style, border-right-color。
 
更多相关知识查看脚本学堂css栏目相关的内容吧。