Hisia CSS kipende kwenye border-inline-end-color

Makadaro na matumizi

border-inline-end-color Mafuta ya ukichwa kwenye ukingo wa kutosha wa kifungu kwenye muundo wa miringu wa kifungu.

注意:Kuwa na border-inline-end-color Mafuta inayofanywa, lazima iweze hata. border-inline-end-style Mafuta.

CSS border-inline-end-color 属性与 border-bottom-colorborder-left-colorborder-right-colorborder-top-color 属性非常相似,但 border-inline-end-color 属性依赖于行内方向。

注意:相关的 CSS 属性 writing-modetext-orientationdirection 定义了行内方向。这会影响一行的起始和结束位置,以及 border-inline-end-color 属性的效果。对于英文页面,行内方向是从左到右,块方向是向下。

实例

例子 1

为行内方向末端的边框设置颜色:

div {
  border-inline-end-style: solid;
  border-inline-end-color: pink;
}

亲自试一试

例子 2:结合 writing-mode 属性

行内方向末端边框的位置受 writing-mode 属性的影响:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

亲自试一试

例子 3:结合 direction 属性

行内方向末端边框的位置受 direction 属性的影响:

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

亲自试一试

CSS 语法

border-inline-end-color: color|transparent|initial|inherit;

属性值

描述
color 指定边框颜色。默认是元素的当前颜色。参阅:CSS 颜色值.
transparent 指定边框颜色应为透明。
initial 将此属性设置为其默认值。参阅 initial.
inherit 从其父元素继承此属性。参阅 inherit.

技术细节

默认值: The current color of the element
继承性:
动画制作: 支持。请参阅:动画相关属性.
Mwaka: CSS3
Inayofaa kwa Kijavascrapt: object.style.borderInlineEndColor="pink"

Mafanikio ya kifungu

Mafanikio ya jumla ya tabia hizi ni barivyo ya kufungua tabia hii kwa kwanza kwa kifungu cha kawaida cha kufungua tabia hii.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Vipengele vyovu

Mafunzo:Ukiaja wa kifungu katika CSS

Marejeo:Hisia CSS kipende kwenye border

Marejeo:Hisia CSS kipende kwenye border-inline

Marejeo:Hisia CSS kipende kwenye border-inline-end-style

Marejeo:Mfano wa CSS border-inline-start-color

Marejeo:Hisia CSS kipende kwenye border-bottom-color

Marejeo:Mfano wa CSS border-left-color

Marejeo:Mfano wa CSS border-right-color

Marejeo:Mfano wa CSS border-top-color

Marejeo:Hisia CSS direction

Marejeo:Mfano wa text-orientation katika CSS

Marejeo:Mfano wa writing-mode katika CSS