Hisia hali ya border-inline-width

Mwongozo wa kina border-inline-style
Mwongozo wa kimwili border-left

Muhtasari na matumizi

border-inline-width Muhimu una kumekadiriwa kumekadiriwa kifungu cha kifungu cha kuzingatia kwa ukubwa wa kizito.

注意：Kuwa na uwezo wa: border-inline-width Muhimu unahitaji kuwa na uwezo, kumekadiriwa: border-inline-style.

border-inline-width Muhimu unaweza kusetushwa kwenye sababu tofauti:

Ikiwa border-inline-width Muhimu una ukirimo mbili:

border-inline-width: 10px 50px;

Ukubwa wa kifungu cha kuzingatia kwa 10px
Ukubwa wa kifungu cha kuzingatia kwa 50px

Ikiwa border-inline-width Muhimu una ukirimo:

border-inline-width: 10px;

Ukubwa wa kifungu na kizito cha kuzingatia kwa 10px

CSS border-inline-width muhimu na kina na CSS border-bottom-width、border-left-width、border-right-width 和 border-top-width 非常相似，但 border-inline-width 属性依赖于行内方向。

注意：相关的 CSS 属性 writing-mode、text-orientation 和 direction 定义了行内方向。这会影响一行的开始和结束位置，以及 border-inline-width 属性的结果。对于英文页面，行内方向是从左到右，块方向是向下。

实例

例子 1

为行内方向上的边框设置宽度：

#example1 {
  border-inline-style: solid;
  border-inline-width: 10px;
}
#example2 {
  border-inline-style: dashed;
  border-inline-width: thin thick;
}

亲自试一试

例子 2：结合 writing-mode 属性

行内方向上开始和结束处的边框位置受 writing-mode 属性影响：

div {
  border-inline-style: solid;
  writing-mode: vertical-rl;
  border-inline-width: 5px;
}

亲自试一试

例子 3：结合 direction 属性

行内方向上开始和结束处的边框位置受 direction 属性影响：

div {
  direction: rtl;
  border-inline-width: 5px 15px;
}

亲自试一试

CSS 语法

border-inline-width: medium|thin|thick|length|initial|inherit;

属性值

值	描述
medium	指定中等边框。默认值。
thin	指定细边框。
thick	指定粗边框。
length	允许您定义边框的厚度。请参阅：Makala ya Tafakari ya Kifungaji cha Kifungu cha CSS.
initial	Inasaidia kwa kumwambia chaguo cha kuzingatia kwa sababu ya uharibifu. Angalia: initial.
inherit	Inaingia katika uangalifu kutoka kwa elementi yake ya mbinguni. Angalia: inherit.

Maelezo ya teknolojia

Chaguo cha kuzingatia:	medium
Uangalifu:	Hapana
Mabaya ya uharibifu:	Inaingia kwa sababu ya:Mafano ya mabaya ya hali ya uharibifu.
Muundo:	CSS3
Inayofaa ya Kiengilizi:	object.style.borderInlineWidth="3px 10px"