Hisia CSS kipende kwenye border-inline-end-color
- msingani hali border-inline-end
- Pya border-inline-end-style
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-color
、border-left-color
、border-right-color
和 border-top-color
属性非常相似,但 border-inline-end-color
属性依赖于行内方向。
注意:相关的 CSS 属性 writing-mode
、text-orientation
和 direction
定义了行内方向。这会影响一行的起始和结束位置,以及 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
- msingani hali border-inline-end
- Pya border-inline-end-style