#border-top

#介绍

用于设置上边框相关样式，该属性可按顺序设置 border-top-width、border-top-style、border-top-color。

#使用示例

css-apisrc/border-top/App.tsx

预览

#语法

/* 上边框是粗双线红边框 */
border-top: thick double red;

/* 上边框是细点线蓝边框 */
border-top: thin dotted blue;

/* 上边框是10px虚线橙边框 */
border-top: 10px dashed orange;

#取值

可按顺序设置如下属性：

• border-top-width 边框的宽度

• border-top-style 边框的样式

• border-top-color 边框的颜色

#形式定义

#形式语法

<line-width> || <line-style> || <color>
where
<line-width> = <length> | thin | medium | thick
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

#与 Web 的区别

• mdn:border-top

不支持 inherit、initial、revert、unset 等

#兼容性

LCD tables only load in the browser