Lynx
指引
API
博客
贡献
指引
API
博客
贡献
简体中文

border-bottom

介绍

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

使用示例

css-apisrc/border-bottom/App.tsx
预览

语法

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

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

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

取值

按语法顺序接受以下值类型：

形式定义

初始值空值
适用元素所有元件
是否支持继承no
是否支持动画no

形式语法

border-bottom =
  <line-width>  ||
  <line-style>  ||
  <color>

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

与 Web 的区别

兼容性

Loading

除非另有说明，本项目采用知识共享署名 4.0 国际许可协议进行许可，代码示例采用 Apache License 2.0 许可协议进行许可。