Proprietà CSS border-inline-start-color

pagina precedente border-inline-start
Pagina successiva border-inline-start-style

Definizione e uso

border-inline-start-color impostare il colore del bordo dell'elemento all'inizio della direzione orizzontale.

Attenzione:Per rendere border-inline-start-color L'effetto della proprietà deve essere configurato border-inline-start-style proprietà。

CSS border-inline-start-color proprietà-e colore-basso-della-bordo,colore-sinistro-della-bordo,colore-dritto-della-bordo e border-top-color Gli attributi sono molto simili, ma border-inline-start-color L'attributo dipende dalla direzione in linea.

Attenzione:proprietà CSS correlate writing-mode,text-orientation e direction Definisce la direzione in linea. Questo influisce sulla posizione di inizio e fine di una riga, nonché border-inline-start-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 del bordo all'inizio della direzione in linea:

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

Prova tu stesso

Esempio 2

usando l'attributo writing-mode

La posizione del bordo all'inizio della direzione in linea è influenzata da writing-mode Impatto dell'attributo:

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

Prova tu stesso

Esempio 3

usando l'attributo direction

La posizione del bordo all'inizio e alla fine della direzione in linea è influenzata da direction Impatto dell'attributo:

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

Prova tu stesso

Sintassi CSS

border-inline-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.
trasparente	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:	Supporto. Vedi:Proprietà correlate agli animazioni.
Versione:	CSS3
Sintassi JavaScript:	object.style.borderInlineStartColor="pink"