当前位置: 首页 > Web前端 > CSS

【Jungle】CSSBorderTalking

时间:2023-03-30 17:46:57 CSS

定义与用法围绕元素内容和padding的一行或多行。基本属性:width、style、colorwidthborder-widthborder-width简写属性设置元素所有边框的宽度,或者单独设置每个边框的宽度。该值可以是指定的长度,例如1px,也可以是三个关键字之一:thin、medium、thick,分别为thin、medium(默认)和thick。只有当border-style不是none时才有效。如果边框样式为none,边框宽度实际上被重置为0。负长度值是不允许的。border的设置顺序是top-right-bottom-left,知道顺序的可以简写。样式border-styleborder-style属性用于设置元素边框的样式。none的值描述定义无边界。隐藏与“无”相同。应用于表格时除外,hidden用于解决边界冲突。dotted定义虚线边框。在大多数浏览器中呈现为实线。dashed定义虚线。在大多数浏览器中呈现为实线。solid定义实线。double定义双线。双线的宽度等于border-width的值。groove定义3D凹槽边界。它的效果取决于边框颜色的值。ridge定义3D脊状边框。它的效果取决于边框颜色的值。inset定义3D插入边框。它的效果取决于边框颜色的值。outset定义3Doutset边框。它的效果取决于边框颜色的值。默认是无,所以如果你想出现边框,你必须声明一个样式。可以为边框定义多种样式。仅当此值不为空时才有可能出现边框。Colorborder-colorborder-color属性用于设置元素边框的颜色。默认边框颜色是元素本身的前景色。如果没有为边框声明颜色,它将与元素的文本颜色相同。另一方面,如果元素没有任何文本,假设它是一个只包含图像的表格,那么表格的边框颜色就是其父元素的文本颜色(因为颜色可以继承)。这个父元素可能是body、div或另一个表格。边框可以设置为透明,值为透明。该值用于创建具有宽度的不可见边框。边框和背景边框位于元素背景之上。borderrounded元素周围的圆角效果是经常用到的功能,border-radius属性可以设置圆角。ie9之前的版本不兼容圆角属性。该值为指定长度,如4px。扩展属性边框图片border-image