border-inline-width

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2021年4月⁩.

CSS 属性 border-inline-width 定义了元素的逻辑行向的边框宽度，并根据元素的书写模式、行内方向和文本朝向对应至实体边框宽度。根据 writing-mode、direction 和 text-orientation 所定义的值，此属性对应于 border-top-width 和 border-bottom-width，或者 border-left-width 和 border-right-width 属性。

尝试一下

另一方向的边框宽度可用 border-block-width 设置，此属性会设置 border-block-start-width 和 border-block-end-width。

语法

取值

<'border-width'>: 边框宽度。见 border-width。

形式定义

初始值	`medium`
适用元素	所有元素
是否是继承属性	否
Percentages	logical-width of containing block
计算值	absolute length; `0` if the border style is `none` or `hidden`
动画类型	按计算值的类型

形式语法

border-inline-width = 
  <'border-top-width'>{1,2}  

<border-top-width> = 
  <line-width>  

<line-width> = 
  <length [0,∞]>  |
  thin            |
  medium          |
  thick