CSS rafiyar da kudu-kudu na tsakiyar

定义和用法

border-block-end-width 属性设置元素在块方向末端的边框宽度。

注意:要使 border-block-end-width 属性生效,必须设置 border-block-end-style 属性。

CSS border-block-end-width 属性与 border-bottom-widthborder-left-widthborder-right-widthborder-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;
}

Duba kai:

例子 2:结合 writing-mode 属性

块方向末端边框宽度的位置受 writing-mode Duba:

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

Duba kai:

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