Proprietà CSS border-inline-end-width

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

Definizione e uso

border-inline-end-width Larghezza del bordo alla fine della direzione orizzontale dell'elemento di impostazione delle proprietà.

Attenzione:Per rendere border-inline-end-width L'attributo entra in vigore, deve essere impostato border-inline-end-style attributi.

CSS border-inline-end-width attributi sono simili agli attributi CSS border-bottom-width,border-left-width,border-right-width e border-top-width Molto simile, ma border-inline-end-width L'attributo dipende dalla direzione in linea.

Attenzione:e le proprietà CSS correlate writing-mode,text-orientation e direction Definisce la direzione in linea. Questo influisce sulla posizione iniziale e finale di una riga, nonché border-inline-end-width Il risultato dell'attributo. Per le pagine in inglese, la direzione in linea è da sinistra a destra, e la direzione di blocco è verso il basso.

Esempio

Esempio 1

Impostare la larghezza del bordo finale della direzione in linea:

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

Prova tu stesso

Esempio 2: Combinazione dell'attributo writing-mode

La posizione del bordo 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-width: 5px;
}

Prova tu stesso

Esempio 3: Combinazione dell'attributo direction

La posizione del bordo iniziale e finale della direzione in linea è influenzata da direction Impatto dell'attributo:

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

Prova tu stesso

Sintassi CSS

border-inline-end-width: medium|thin|thick|length|initial|inherit;

Valore dell'attributo

Valore	Descrizione
medium	Specificare un bordo medio. Valore predefinito.
thin	Specificare un bordo sottile.
thick	Specificare un bordo spesso.
length	Ti permette di definire lo spessore del bordo. Vedi:Unità CSS.
initial	Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit	Incorpora questo attributo dall'elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito:	medium
Ereditarietà:	No
Creazione di animazioni:	Supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	CSS3
Sintassi JavaScript:	object.style.borderInlineEndWidth="10px"