Mafuta wa CSS border-block-width
- Pania ikatika border-block-style
- Pania ichepo border-bottom
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-width
、border-left-width
、border-right-width
和 border-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
- Pania ikatika border-block-style
- Pania ichepo border-bottom