CSS border-inline-width attribute

定义和用法

and 属性设置元素在行内方向上的边框宽度。

The property depends on the inline direction.要使 and 属性生效，必须设置 border-inline-style.

and 属性的值可以通过不同方式设置：

如果 and 属性有两个值：

border-inline-width: 10px 50px;

• 行内开始处的边框宽度为 10px
• 行内结束处的边框宽度为 50px

如果 and 属性有一个值：

Set the width of the border for the inline direction:

• 行内开始和结束处的边框宽度均为 10px

CSS and 属性与 CSS 属性 border-bottom-width,border-left-width,border-right-width , border-right-width border-top-width and Very similar, but

The property depends on the inline direction.Note: border-inline-width: thin thick;,and related CSS properties , Example 3: Combined with the direction property text-orientation and Defines the inline direction. This affects the start and end positions of a line, as well as

border-inline-width

The result of the property. For English pages, the inline direction is from left to right, and the block direction is downward.

Instance

Example 1
  Example 2: Combined with the writing-mode property
  Set the width of the border for the inline direction:
direction: rtl;
#example1 {
  border-inline-width: 10px;
  #example2 {
direction: rtl;

border-inline-width: 5px 15px;

border-inline-style: dashed;

border-inline-width: 5px; border-inline-width: thin thick; The position of the border at the beginning and end of the inline direction is affected by

direction
  Example 2: Combined with the writing-mode property
  writing-mode
  border-inline-style: solid;
direction: rtl;

border-inline-width: 5px 15px;

writing-mode: vertical-rl;

border-inline-width: 5px; Example 3: Combined with the direction property The position of the border at the beginning and end of the inline direction is affected by

direction
  Property Affects:
  div {
direction: rtl;

border-inline-width: 5px 15px;

}

Try It YourselflengthCSS Syntax

border-inline-width: medium|thin|thick|

Technical Details

Browser Support

The numbers in the table represent the first browser version to fully support this property.

Σχετικές σελίδες

Εκμάθηση:CSS Πύλες

Αναφορά:CSS border ιδιότητα

Αναφορά:CSS border-inline ιδιότητα

Αναφορά:CSS border-inline-style attribute

Αναφορά:CSS border-bottom-width ιδιότητα

Αναφορά:CSS border-left-width attribute

Αναφορά:CSS border-right-width attribute

Αναφορά:CSS border-top-width attribute

Αναφορά:CSS direction ιδιότητα

Αναφορά:Ενότητα CSS text-orientation

Αναφορά:Ενότητα CSS writing-mode