Proprietà CSS border-block-start-width

Definizione e uso

Proprietà correlate CSS proprietà per impostare lo spessore del bordo dell'elemento all'inizio della direzione del blocco.

Molto simile, maimpostare Proprietà correlate CSS per far funzionare border-block-start-style proprietà devono essere impostate per

proprietà. Proprietà correlate CSS CSS proprietà sono correlate alle proprietà CSS,border-bottom-width,border-left-width , border-right-width e Proprietà correlate CSS border-top-width

Molto simile, maL'attributo dipende dalla direzione del blocco. Esempio 2: Combinazione dell'attributo writing-mode Attenzione: Proprietà correlate CSS Definisce la direzione del blocco. Questo influisce sulla posizione di inizio e fine del blocco, nonché

border-block-start-width

Risultato dell'attributo. Per le pagine in inglese, la direzione in linea è da sinistra a destra, la direzione del blocco è verso il basso.

Esempio

writing-mode
  Effetto dell'attributo:
  Esempio 1
writing-mode: vertical-rl;

border-block-start-width: 5px;

Impostare lo spessore del bordo di inizio della direzione del blocco:

border-block-start-width: 10px; Esempio 2: Combinazione dell'attributo writing-mode La posizione 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-width: 5px;

}

Prova te stessolengthSintassi CSS

border-block-start-width: medium|thin|thick|

|initial|inherit; Valore dell'attributo
medium Valore
Descrizione specificare il bordo di media larghezza. Valore predefinito.
specificare il bordo sottile. Specificare il bordo spesso.
length Ti permette di definire lo spessore del bordo. Vedi anche:Unità CSS.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

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

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Pagine correlate

Manuale:Margine CSS

Riferimento:Proprietà CSS border

Riferimento:Proprietà CSS border-block

Riferimento:Proprietà CSS border-block-width

Riferimento:Proprietà CSS border-block-end-width

Riferimento:Proprietà CSS border-bottom-width

Riferimento:Proprietà CSS border-left-width

Riferimento:Proprietà CSS border-right-width

Riferimento:Proprietà CSS border-top-width

Riferimento:Proprietà CSS writing-mode