CSS rafiyar da kudu-kudu na tsakiyar
- Iyalin Previous border-block-end-style
- Iyalin Next border-block-start
定义和用法
border-block-end-width
属性设置元素在块方向末端的边框宽度。
注意:要使 border-block-end-width
属性生效,必须设置 border-block-end-style
属性。
CSS border-block-end-width
属性与 border-bottom-width
、border-left-width
、border-right-width
和 border-top-width
属性非常相似,但 border-block-end-width
属性依赖于块方向。
注意:相关的 CSS 属性 writing-mode
定义了块方向。这会影响块的起点和终点位置以及 border-block-end-width
属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。
实例
例子 1
设置块方向末端的边框宽度:
div { border-block-end-style: solid; border-block-end-width: 10px; }
例子 2:结合 writing-mode 属性
块方向末端边框宽度的位置受 writing-mode
Duba:
div { border-block-end-style: solid; writing-mode: vertical-rl; border-block-end-width: 5px; }
Dokarai na CSS
border-block-end-width: medium|thin|thick|length|initial|inherit;
Duba:
Duba: | Rarrabawar: |
---|---|
medium | Duba: |
thin | Duba: |
thick | Duba: |
length | Iya ba da kwarewa:Kiki kwararrabu CSS. |
initial | Duba: Dukansu aiki zuwa burin burin. initial. |
inherit | Duba: Dukansu aiki daga elementin mai shi. inherit. |
Rarrabawar sayari
Duba: | medium |
---|---|
Yawan: | Rai |
Anima: | Rarraba. Karo:属性 da aiki na animation. |
Banu: | CSS3 |
Dokarai na JavaScript: | object.style.borderBlockEndWidth="10px" |
Rarrabawar sayari
Manu na baihaki aiki na sayari suna nuna buruburin baihaki na sayari da aiki da ya kaiwa burin burin.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
Sayyara da aiki
Tuturu:kabilanci na CSS
Manufar:CSS rafiyar da gurɗe
Manufar:CSS rafiyar da kudu-kudu
Manufar:CSS rafiyar da kudu-kudu na tsakiyar
Manufar:CSS rafiyar da rufi kudu-kudu na tsakiyar
Manufar:CSS rafiyar da kudu-kudu na kudu
Manufar:CSS rafiyar da kudu
Manufar:CSS border-left-width ɗauki
Manufar:CSS border-right-width ɗauki
Manufar:CSS border-top-width ɗauki
Manufar:kaliyarun dakinin writing-mode
- Iyalin Previous border-block-end-style
- Iyalin Next border-block-start