边框颜色

效果

使用工具类 border-* 给元素添加边框颜色。

默认

border-light

border

border-strong

语义化

border-primary

border-secondary

border-success

border-warning

border-danger

border-important

border-special

灰度

border-gray-50

border-gray-100

border-gray-200

border-gray-300

border-gray-400

gray

border-gray-500 别名: border-gray

border-gray-600

border-gray-700

border-gray-800

border-gray-900

border-gray-950

界面

border-white

纯白

border-black

纯黑

border-transparent

透明

border-canvas

画布

border-inverse

反色

border-surface-light

加重的控件

border-surface

控件

border-surface-strong

轻量的控件

border-fore

前景色作为边框颜

border-focus

焦点色作为边框颜

特殊

border-current

CSS 值 currentColor

border-inherit

CSS 值 inherit

提示

除 border 外，其他工具类只设置边框颜色，如果需要启用边框，需要将 border-* 和 border 类一起使用，例如 border border-primary。

边框颜色透明度

使用工具类 border-opacity-* 给元素添加边框颜色透明度。

border-opacity-0

透明度：0%

border-opacity-5

透明度：5%

border-opacity-10

透明度：10%

border-opacity-20

透明度：20%

border-opacity-25

透明度：25%

border-opacity-30

透明度：30%

border-opacity-40

透明度：40%

border-opacity-50

透明度：60%

border-opacity-60

透明度：60%

border-opacity-70

透明度：70%

border-opacity-75

透明度：75%

border-opacity-80

透明度：80%

border-opacity-90

透明度：90%

border-opacity-95

透明度：95%

border-opacity-100

透明度：0%