Proprietà border-inline-start-width CSS

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

Definizione e uso

border-inline-start-width L'altezza del bordo di partenza dell'elemento di configurazione dell'attributo nella direzione orizzontale.

Attenzione:Per far si che border-inline-start-width L'attributo diventa efficace, deve essere configurato border-inline-start-style 属性。

proprietà di CSS. border-inline-start-width L'attributo è simile a border-bottom-width,border-left-width,border-right-width e border-top-width Le proprietà sono molto simili, ma border-inline-start-width 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 della riga, nonché border-inline-start-width Il risultato 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 lo spessore del bordo all'inizio della direzione in linea:

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

Prova personalmente

Esempio 2: Combinazione dell'attributo writing-mode

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

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

Prova personalmente

Esempio 3: Combinazione dell'attributo direction

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

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

Prova personalmente

Sintassi CSS

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

Valore dell'attributo

Valore	Descrizione
medium	Specificare il bordo medio. Valore predefinito.
thin	Specificare il bordo sottile.
thick	Specificare il 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	Eredita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

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