Hisia hisiki CSS border-inline-color

Mababu ya hivi karibuni border-inline
Pya ya hivi karibuni border-inline-end

定义和用法

border-inline-color 属性设置元素在行内方向上的边框颜色。

Hataa:要使 border-inline-color 属性生效，必须设置 border-inline-style.

border-inline-color 属性的值可以通过不同方式设置：

ina border-inline-color 属性有两个值：

border-inline-color: pink blue;

kina kina kina kwenye kushika kwa kushika ni kina kina kina
kina kina kina kwenye kushika kwa kushika ni kina kina kina

ina border-inline-color muhtasari ina thamani moja:

border-inline-color: blue;

mbali na kushika kwa kushika na kushika kwa kushika ni kina kina kina

CSS ya border-inline-color muhtasari na colori cha cha cha kwenye kushika kwa kushika,colori cha cha cha kwenye kushika kwa kushika,border-right-color na border-top-color Tabia hizi zinaingia kwa uwanja wengi, lakini border-inline-color Tabia hizi ni muhimu kwa ujaribio wa kufungua.

Hataa:tabia za CSS writing-mode,text-orientation na direction Inadhihirisha ujaribio wa kufungua. Hii inaathiri ujaribio wa kuanza na kufikia kwenye mawili na ujaribio wa mawili hufikia: border-inline-color Muasi wa tabia. Kwa ukurasa wa Kigiriki, ujaribio wa kufungua wa mawili hufikia kusini na kuzingatia wa mawili hufikia kushoto.

Mfano

Mfano 1

Inasababisha rangi ya kifungu kwenye ujaribio wa kufungua:

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

Jaribu Kupata

Mfano 2: Kuingia na tabia ya writing-mode

Kifungu cha kuanza na kufikia kwenye ujaribio wa kufungua kwa kuzingatia wa mawili hufikia tabia ya: writing-mode Muasi wa tabia:

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

Jaribu Kupata

Mfano 3: Kuingia na tabia ya direction

Kifungu cha kuanza na kufikia kwenye ujaribio wa kufungua kwa kuzingatia wa mawili hufikia tabia ya: direction Muasi wa tabia:

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

Jaribu Kupata

Inayotumiwa Kuhusu Kifaa Cha Kielektroniki

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

Thamani ya tabia

Thamani	Maelezo
color	Inasababisha rangi ya eneo la kifungu kwa kuzingatia. Chaguo cha rangi cha kuzingatia ni rangi ya hali ya elementi hii. Angalia thamani za rangi za CSS kwa ujumbe wa thamani za rangi zingine.
transparent	Inasababisha rangi ya eneo la kifungu kwa kuzingatia.
initial	Inasababisha tabia hii kuwa kama chaguo cha kuzingatia. Angalia: initial.
inherit	Inasababisha tabia hii kuwa kama chaguo cha kuzingatia. Angalia: inherit.

Mafanikio ya kidhisia

Chaguo cha kuzingatia:	Mjane wa hali ya elementi hii
Inasababisha:	Hakuna
Haribifu ya uharibifu:	Inafaa kuangalia:Mafanikio ya uharibifu.
Tengeneza:	CSS3
Inayotumiwa Kuhusu Kifaa Cha Kielektroniki	object.style.borderInlineColor="pink"