Mwaka wa CSS border-inline-end

Ukurasa wa ndani border-inline-color
Pya ja border-inline-end-color

Ufafanuzi na matumizi

border-inline-end Mwiliwa ni kifungu kidogo cha kifungu kila hizi:

border-inline-end-width(Ukubwa wa kifungu cha kuzinga kwa muda)
border-inline-end-style(Mfano wa kifungu cha kuzinga kwa muda)
border-inline-end-color(Ukoma wa kifungu cha kuzinga kwa muda)

CSS ya border-inline-end Mwiliwa unaendelea na border-bottomnaborder-leftnaborder-right na border-top Mwiliwa wanaingia sana, lakini border-inline-end Mwiliwa unaendelea tarehe.

Kuja hili:属性 za CSS mawingu wa kuzingatianamawingu wa kuzingatia na mawingu Inasaidia kusababisha mawingu wa kufikia. Hii inaathiriwa na kufikia kwa muda wa mawingu, na pia: border-inline-end Mfano wa sababu ya sababu ya kufikia. Kwa picha za Kiingereza, mawingu wa kufikia ni kutoka kushoto hadi kulia, mawingu wa kufikia ni kutoka kwenye hadi chini.

Mfano

Mfano 1

Inasaidia kusababisha upotevu, rangi na mtindo wa barafu ya kufikia kwenye kifungu cha kina cha muda wa mawingu:

div {
  border-inline-end: 10px solid pink;
}

Tenda kwa urahisi

Mfano 2: Kukidhi mawingu wa kuzingatia

Pia barafu ya kufikia kwenye kifungu cha kina cha muda wa mawingu inasababishwa na: mawingu wa kuzingatia Mfano wa uwasilishaji wa sababu:

div {
  mawingu wa kuzingatia: vertical-rl;
  border-inline-end: 5px solid blue;
}

Tenda kwa urahisi

Mfano 3: Kukidhi mawingu wa sababu

Pia barafu ya kufikia kwenye kifungu cha kina cha muda wa mawingu inasababishwa na: mawingu Mfano wa uwasilishaji wa sababu:

div {
  mawingu: rtl;
  border-inline-end: 5px solid hotpink;
}

Tenda kwa urahisi

Inayotumika kwa lugha ya CSS

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

Chaguo cha sababu

Chaguo	Maelezo
border-inline-end-width	Inasaidia kusababisha upotevu wa barafu ya kufikia kwenye kifungu cha kina cha muda wa mawingu. Chaguo cha kuzingatia ni "medium".
border-inline-end-style	Inasaidia kusababisha mtindo wa barafu ya kufikia kwenye kifungu cha kina cha muda wa mawingu. Chaguo cha kuzingatia ni "none".
border-inline-end-color	Inasaidia kusababisha rangi ya barafu ya kufikia kwenye kifungu cha kifungu cha kina cha muda wa mawingu. Chaguo cha kuzingatia ni maneno ya barafu ya kufikia barafu ya kufikia kwenye kifungu cha hicho.

Chaguo

Maelezo

border-inline-end-width

Inasaidia kusababisha upotevu wa barafu ya kufikia kwenye kifungu cha kina cha muda wa mawingu.

Chaguo cha kuzingatia ni "medium".

border-inline-end-style

Inasaidia kusababisha mtindo wa barafu ya kufikia kwenye kifungu cha kina cha muda wa mawingu.

Chaguo cha kuzingatia ni "none".

border-inline-end-color

Inasaidia kusababisha rangi ya barafu ya kufikia kwenye kifungu cha kifungu cha kina cha muda wa mawingu.

Chaguo cha kuzingatia ni maneno ya barafu ya kufikia barafu ya kufikia kwenye kifungu cha hicho.

Mafano ya habari ya teknolojia

initial	Inasaidia kufanya sababu ya hii kufikia chaguo cha kuzingatia. Tazama: initial.
inherit	Inapokea hata hivi ya sababu ya elementi yake ya kina. Tazama: inherit.
Chaguo cha kuzingatia:	medium none currentcolor
Uwamishaji:	Hakuna
Uharibifu wa mawasiliano:	Inahusiana. Tazama:Mafano ya uharibifu wa mawasiliano.
Safarini:	CSS3
Inayotumika kwa lugha ya JavaScript:	object.style.borderInlineEnd="pink dotted 5px"