The border-style shorthand CSS property sets the line style for all four sides of an element's border.
{ border-bottom-style: dotted; } .b4 { border-bottom-style: dashed; } .b5 { border-bottom-style: solid; } .b6 { border-bottom-style: double; } .b7 { border-bottom-style: groove; } .b8 { border-bottom-style: ridge; } .b9 { border-bottom-style: inset; } .b10 { border-...
border-top-style: double; border-top-style: groove; border-top-style: ridge; border-top-style: inset; border-top-style: outset; /* Global values */ border-top-style: inherit; border-top-style: initial; border-top-style: revert; border-top-style: revert-layer; border-top-style: unset;...
The border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color.
border-top-color border-top-style border-top-widthSyntax cssCopy to Clipboard border-top: 1px; border-top: 2px dotted; border-top: medium dashed green; /* Global values */ border-top: inherit; border-top: initial; border-top: revert; border-top: revert-layer; border-top: unset; The...
border-bottom 简写属性把下边框的所有属性:border-bottom-color,border-bottom-style与border-bottom-width设置到了一个声明中。这些属性描述了元素的下边框样式。 border-bottom的三个简记属性可以以任意顺序排列, 并且它们中的任意一个都可以被省略. 与所有的简记属性相同,border-bottom定义了它所有可以定义的属性,即...
/* Keyword values */ border-collapse: collapse; border-collapse: separate; /* Global values */ border-collapse: inherit; border-collapse: initial; border-collapse: revert; border-collapse: revert-layer; border-collapse: unset; The border-collapse property is specified as a single keyword, whic...
The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.
还有我们常用的position: fixed，MDN定义如下：元素会被移出正常文档流，并不为元素预留空间，而是通过指定...
css圆角(border-radius)的深入理解 写在前面: 1.介绍: 在border-radius出来之前,传统的生成圆角,必须使用多张图片作为背景图案,浪费很多的时间。 css3圆角的出现,使我们再也不必浪费时间去制作这些图片了,并且可以减少文件维护的工作量、提高网页性能,增加视觉可靠性。