CSS 参考手册 目录

CSS border-top-style 属性

CSS 属性:border-top-style

border-top-style 属性用于设置元素顶部边框的样式。可以通过设置不同的样式值来改变边框的外观。常见的样式值包括:soliddasheddotteddoublegrooveridgeinsetoutset

语法

-------- -
    ----------------- ------
-

属性值

  • 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 属性。

参考链接


上一篇:CSS 属性 border-top-right-radius
下一篇:CSS 属性 border-top-width