CSS 属性:border-top-style
border-top-style
属性用于设置元素顶部边框的样式。可以通过设置不同的样式值来改变边框的外观。常见的样式值包括:solid
、dashed
、dotted
、double
、groove
、ridge
、inset
和 outset
。
语法
-------- - ----------------- ------ -
属性值
- value:指定元素顶部边框的样式,可以是以下值之一:
none
:无边框hidden
:隐藏边框,但仍占据空间dotted
:点线边框dashed
:虚线边框solid
:实线边框double
:双线边框groove
:3D 凹槽边框ridge
:3D 凸槽边框inset
:3D 凹边框outset
:3D 凸边框
示例
---- - ----------------- ------ -
在上面的示例中,.box
类的元素的顶部边框样式被设置为实线边框。
注意事项
- 如果要为所有四个边框设置相同的样式,可以使用
border-style
属性。 border-top-style
属性仅控制元素的顶部边框样式,如果需要同时控制多个边框的样式,可以使用border-top
,border-right
,border-bottom
,border-left
属性。