Hisia ya border-block-color ya CSS

Nyuma ya hivi border-block
Pya zaidi border-block-end

定义和用法

border-block-color 属性设置元素在块方向上的边框颜色。

注意：Kuwa kusababisha border-block-color Mwelekeo hurejea, lazima ilitwezekezeke: border-block-style.

border-block-color Mifano ya mwelekeo huzingatwa kwa sababu mbalimbali:

如果 border-block-color Mwiliuna wana mifano mbili:

border-block-color: pink lightblue;

块起始处的边框颜色为 pink
块结束处的边框颜色为 lightblue

如果 border-block-color 属性有一个值：

border-block-color: pink;

块起始处和结束处的边框颜色均为 pink

CSS 的 border-block-color 属性与 border-bottom-color、border-left-color、border-right-color 和 border-top-color 属性非常相似，但 border-block-color 属性依赖于块方向。

注意：相关的 CSS 属性 writing-mode 定义了块方向。这会影响块的起点和终点位置以及 border-block-color 属性的结果。对于英文页面，行内方向是从左到右，块方向是向下。

实例

例子 1

为块方向上的边框设置颜色：

#example1 {
  border-block-style: solid;
  border-block-color: pink;
}
#example2 {
  border-block-style: solid;
  border-block-color: pink lightblue;
}

Jifunze kwa kufikia:

例子 2：结合 writing-mode 属性

块方向上边框颜色的起点和终点位置受 writing-mode 属性的影响：

div {
  writing-mode: vertical-rl;
  border-block-color: blue;
}

Jifunze kwa kufikia:

Inayotumiwa kwa Ki-CSS

border-block-color: color|transparent|initial|inherit;

Chaguo cha tabia

Chaguo	Maelezo
color	Inafaa kuwa na rangi ya ukanda wa kina. Chaguo cha kuzingatia ni rangi ya hatua ya kina. Angalia rangi za CSS kwa kufikia orodha ya rangi zote.
transparent	Inafaa kuwa na rangi ya ukanda wa kina kama kimeingia.
initial	Kuwa na tabia hii kama chaguo cha kuzingatia. Angalia: initial.
inherit	Kuwa na tabia hii kama kwa hatua ya kina ya mwingine. Angalia: inherit.

Mafunzo ya mawasiliano

Chaguo cha kuzingatia:	Mwili wa hatua ya hali ya kina
Kuzikwama:	Hakuna
Kufanya mifano:	Inafaa kuangalia:Jinsi ya kufanya mifano ya hali ya kina.
Mwaka:	CSS3
Inayotumiwa kwa Ki-HTML:	object.style.borderBlockColor="pink"