Mafuta wa CSS border-block-width

Ufafanuzi na matumizi

border-block-width Kumekadiri upana wa kifungu kwenye ukirabu wa kikomo cha kiwili.

注意:Inafaa kuwa na: border-block-width Kuwa na umefaa, lazima kiwili kilitumika: border-block-style.

border-block-width Thamani ya kiwili kinachotumika kwa sababu mbalimbali:

如果 border-block-width Mwiliuna wana ikiwa na thamani mbili:

border-block-width: 10px 50px;
  • 块开始处的边框宽度为 10px
  • 块结束处的边框宽度为 50px

如果 border-block-width 属性有一个值:

border-block-width: 10px;
  • 块开始和结束处的边框宽度均为 10px

CSS border-block-width 属性与 CSS 属性 border-bottom-widthborder-left-widthborder-right-widthborder-top-width 非常相似,但 border-block-width 属性依赖于块方向。

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

实例

例子 1

为块方向上的边框设置宽度:

#example1 {
  div {
  border-block-width: 10px;
border-block-width: 5px;
#example2 {
  div {
  border-block-width: thin thick;
border-block-width: 5px;

}

例子 2:结合 writing-mode 属性

块方向上开始和结束位置的边框受 writing-mode writing-mode

Inaathiri:
  div {
  border-block-style: solid;
  writing-mode: vertical-rl;
border-block-width: 5px;

}

Tenda kwa kufikia matokeo

CSS Inayofaamatokeoborder-block-width: kawaida|kutumia kwa kawaida|kifaa cha kifaa|

|kawaida|kutumia kwa kawaida;

Chaguo cha kifaa Chaguo
kawaida Maelezo
Kuchukua mabaki ya kifaa ya kifaa ya kifaa. Chaguo cha kawaida. Kuchukua mabaki ya kifaa ya kifaa ya kifaa.
Kuchukua mabaki ya kifaa ya kifaa ya kifaa. Kuchukua mabaki ya kifaa kwa kawaida.
matokeo Inafaa kwa kuzingatia uwezo wa kufikiria mabaki ya kifaa. Tazama:Makala ya Matokeo ya Sana ya CSS.
kawaida Kuweka hii kwa chaguo cha kawaida. Tazama: kawaida.
kutumia kwa kawaida Kutumia hii na kutumia kwa kawaida. Tazama: kutumia kwa kawaida.

Mafanikio ya teknolojia

Chaguo cha kawaida: kawaida
Kuwa kwa kawaida: Haiwee
Mchezo wa mchezo: Inafaa. Tazama:Mafanikio ya mchezo wa uharibifu.
Mwaka: CSS3
Inayofaa ya kiingilizi: object.style.borderBlockWidth="3px 10px"

Mfano wa kufaa wa kifaa cha kifaa

Jumla za kifaa cha kwanza inayotumika kwa sababu ya kufaa kwa sababu ya hifadhi ya hifaa hizi.

Chrome Edge Firefox Safari Opera
87.0 87.0 66.0 14.1 73.0

Vipindi vya kwanza

Mafunzo:Hisia mawingu

Marejeo:Mafuta wa CSS border

Marejeo:Mafuta wa CSS border-block

Marejeo:Mafuta wa CSS border-block-end-width

Marejeo:Mafuta wa CSS border-block-start-width

Marejeo:Mafuta wa CSS border-block-style

Marejeo:Mafuta wa CSS border-bottom-width

Marejeo:Hisia ya border-left-width ya CSS

Marejeo:Hisia ya border-right-width ya CSS

Marejeo:Hisia ya border-top-width ya CSS

Marejeo:Hisia writing-mode