Proprietà CSS border-block-start-width
- Pagina precedente border-block-start-style
- Pagina successiva border-block-style
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;
}
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
- Pagina precedente border-block-start-style
- Pagina successiva border-block-style