Mwongozo wa CSS border-block-start-width
定义和用法
border-block-start-width
属性设置元素在块方向起始处的边框宽度。
注意:要使 border-block-start-width
属性生效,必须设置 border-block-start-style
属性。
CSS border-block-start-width
属性与 CSS 属性 border-bottom-width
、border-left-width
、border-right-width
和 border-top-width
非常相似,但 border-block-start-width
属性依赖于块方向。
注意:相关的 CSS 属性 writing-mode
定义了块方向。这会影响块的起始和结束位置,以及 border-block-start-width
属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。
实例
例子 1
设置块方向起始处的边框宽度:
Muhimu wa kiwango cha kifaa cha kusoma: div { border-block-start-width: 10px; border-block-start-width: 5px;
例子 2:结合 writing-mode 属性
块方向起始处边框宽度的位置受 writing-mode
writing-mode
Muhimu wa kiwango cha kifaa cha kusoma: div { border-block-start-style: solid; writing-mode: vertical-rl; border-block-start-width: 5px;
Inafikia kufanya mafanikio
Inaeleza inayotumiwa kwa Kijerumanilengthborder-block-start-width: medium|thin|thick|
|initial|inherit;
Inaeleza maneno ya kiwango | Inaeleza maneno |
---|---|
medium | Inaeleza maelezo |
Inaeleza kifafu cha kuzingatia cha kifaa cha kusoma. Chaguo cha kuzingatia. | Inaeleza kifafu cha kidogo cha kifaa cha kusoma. |
Inaeleza kifafu cha kidogo cha kifaa cha kusoma. | Inaeleza kifafu cha kubwa cha kifaa cha kusoma. |
length | Inaruhusu uwezo wako wa kufafanua ukubwa wa kifafu cha kifaa cha kusoma. Tazama pia:Matumizi ya uniti ya CSS. |
initial | Inaingiza kiwango hiki kwa chaguo cha kuzingatia. Angalia: initial. |
inherit | Inaingia katika kiwango hiki kutoka kwa kiwango cha kina cha kufikia. Angalia: inherit. |
Vivyo ya kidharaa
Chaguo cha kuzingatia: | medium |
---|---|
Uangalifu: | Hapana |
Kupata hali ya misingi: | Inaendelea. Tazama:Matumizi ya hali ya misingi. |
Jicho la: | CSS3 |
Inayotumiwa kwa Kijerumani: | object.style.borderBlockStartWidth="10px" |
Mwongozo wa kifaa cha kusoma
Maneno ya kifaa cha uwanja hivi inaeleza sababu kufungua kwa kawaida kwa programu ya kifaa cha kusoma hii kiwango cha browser.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
Sayari za mawasiliano
Mwongozo:Kifungu cha CSS
参考:Mwongozo wa CSS border-block
参考:Mwongozo wa CSS border-block-width
参考:Mwongozo wa CSS border-block-end-width
参考:Mwongozo wa CSS border-bottom-width
参考:Hisia ya upana wa upande wa kushoto ya CSS
参考:Hisia ya upana wa upande wa kulia ya CSS