Proprietà CSS border-block-start-color

Pagina precedente border-block-start
Pagina successiva border-block-start-style

Definizione e uso

border-block-start-color l'attributo imposta il colore del bordo dell'elemento all'inizio della direzione del blocco.

Attenzione:Per impostare border-block-start-color L'attributo diventa efficace, deve essere impostato border-block-start-style proprietà.

CSS border-block-start-color le proprietà sono correlate alle proprietà CSS border-bottom-color,border-left-color,border-right-color e border-top-color Molto simile, ma border-block-start-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, nonché border-block-start-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

Impostare il colore del bordo di inizio della direzione del blocco:

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

Prova tu stesso

Esempio 2: Combinazione dell'attributo writing-mode

La posizione del colore del bordo di inizio della direzione del blocco è influenzata da writing-mode Effetto dell'attributo:

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

Prova tu stesso

Sintassi CSS

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

Valore dell'attributo

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

Dettagli tecnici

Valore predefinito:	Il colore corrente dell'elemento
Ereditarietà:	No
Creazione di animazioni:	Supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	CSS3
Sintassi JavaScript:	object.style.borderBlockStartColor="pink"