Proprietà border-block-end-color CSS

pagina precedente border-block-end
Pagina successiva border-block-end-style

Definizione e uso

border-block-end-color L'attributo viene utilizzato per impostare il colore della cornice alla fine della direzione del blocco dell'elemento.

Attenzione:Per utilizzare border-block-end-color Per far sì che l'attributo border-block-end-style attributo.

L'attributo CSS border-block-end-color è simile all'attributo CSS border-bottom-width,border-left-width,border-right-width e border-top-width Molto simile, ma border-block-end-color L'attributo dipende dalla direzione del blocco.

Attenzione:proprietà CSS correlate writing-mode Definisce la direzione del blocco. Questo influisce sulla posizione di inizio e fine del blocco e border-block-end-color Il risultato dell'attributo. Per le pagine in inglese, la direzione in linea è da sinistra a destra, la direzione del blocco è verso il basso.

Esempio

Esempio 1

Imposta il colore della cornice alla fine della direzione del blocco:

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

Prova da solo

Esempio 2: Combinazione dell'attributo writing-mode

La posizione della cornice alla fine della direzione del blocco è influenzata da writing-mode Impatto dell'attributo:

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-color: 5px;
}

Prova da solo

Sintassi CSS

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

Valore dell'attributo

Valore	Descrizione
color	Specificare il colore della cornice. Il valore predefinito è il colore corrente dell'elemento. Vedi:Valore del colore CSS.
trasparente	La colore della cornice deve 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:	Colore corrente dell'elemento
Ereditarietà:	No
Produzione di animazione:	Supporto. Vedi:Proprietà correlate all'animazione.
Versione:	CSS3
Sintassi JavaScript:	object.style.borderBlockEndColor="pink"