Proprietà border-inline-end-color CSS

La pagina precedente border-inline-end
Pagina successiva border-inline-end-style

Definizione e utilizzo

border-inline-end-color Impostare il colore del bordo finale in direzione orizzontale dell'elemento per la proprietà.

Attenzione:Per far sì che border-inline-end-color Per rendere efficace la proprietà, deve essere impostata border-inline-end-style Proprietà.

CSS border-inline-end-color Le proprietà sono border-bottom-color,border-left-color,border-right-color e border-top-color Le proprietà sono molto simili, ma border-inline-end-color L'attributo dipende dalla direzione in linea.

Attenzione:e le proprietà CSS correlate writing-mode,le proprietà CSS correlate e direction Definisce la direzione in linea. Questo influenzerà la posizione di inizio e fine di una riga, nonché border-inline-end-color L'effetto dell'attributo. Per le pagine in inglese, la direzione in linea è da sinistra a destra, la direzione in blocco è verso il basso.

Esempio

Esempio 1

Impostare il colore della cornice dell'angolo finale della direzione in linea:

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

Prova da solo

Esempio 2: Combinazione dell'attributo writing-mode

La posizione dell'angolo finale della direzione in linea è influenzata da writing-mode Impatto dell'attributo:

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

Prova da solo

Esempio 3: Combinazione dell'attributo direction

La posizione dell'angolo finale della direzione in linea è influenzata da direction Impatto dell'attributo:

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

Prova da solo

Sintassi CSS

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

Valore dell'attributo

Valore	Descrizione
color	Specificare il colore della cornice. Di default è il colore corrente dell'elemento. Vedi:Valore del colore CSS.
transparent	Specificare il colore della cornice dovrebbe essere trasparente.
initial	Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit	Eredità di questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito:	Il colore corrente dell'elemento
Ereditarietà:	No
Produzione di animazione:	Supporto. Vedi:Proprietà correlate all'animazione.
Versione:	CSS3
Sintassi JavaScript:	object.style.borderInlineEndColor="pink"