Proprietà CSS border-inline-end

Pagina precedente border-inline-color
Pagina successiva border-inline-end-color

Definizione e uso

border-inline-end Le proprietà sono abbreviazioni delle seguenti proprietà:

border-inline-end-width(larghezza del bordo di fine in linea)
border-inline-end-style(stile del bordo di fine in linea)
border-inline-end-color(colore del bordo di fine in linea)

CSS border-inline-end Le proprietà sono abbreviazioni di border-bottom、border-left、border-right e border-top Le proprietà sono molto simili, ma border-inline-end Le proprietà dipendono dalla direzione in linea.

Attenzione:Corrispondenti proprietà CSS 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-end Il risultato dell'attributo. Per le pagine in inglese, la direzione in linea è da sinistra a destra, la direzione in blocco è da alto a basso.

Esempio

Esempio 1

Impostare la larghezza, il colore e lo stile del bordo alla fine della direzione in linea:

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

Prova tu stesso

Esempio 2: Combinazione dell'attributo writing-mode

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

div {
  writing-mode: vertical-rl;
  border-inline-end: 5px solid blue;
}

Prova tu stesso

Esempio 3: Combinazione dell'attributo direction

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

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

Prova tu stesso

Sintassi CSS

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

Valore dell'attributo

Valore	Descrizione
border-inline-end-width	Specificare la larghezza del bordo alla fine della direzione in linea dell'elemento. Il valore predefinito è "medium".
border-inline-end-style	Specificare lo stile del bordo alla fine della direzione in linea dell'elemento. Il valore predefinito è "none".
border-inline-end-color	Specificare il colore del bordo alla fine della direzione in linea dell'elemento. Il valore predefinito è il colore del bordo corrente.

Valore

Descrizione

border-inline-end-width

Specificare la larghezza del bordo alla fine della direzione in linea dell'elemento.

Il valore predefinito è "medium".

border-inline-end-style

Specificare lo stile del bordo alla fine della direzione in linea dell'elemento.

Il valore predefinito è "none".

border-inline-end-color

Specificare il colore del bordo alla fine della direzione in linea dell'elemento.

Il valore predefinito è il colore del bordo corrente.

Dettagli tecnici

initial	Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit	Eredita questa proprietà dal suo elemento padre. Vedi inherit.
Valore predefinito:	medium none currentcolor
Ereditarietà:	No
Creazione dell'animazione:	Supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	CSS3
Sintassi JavaScript:	object.style.borderInlineEnd="pink dotted 5px"