Proprietà CSS border-block-end-width
- Pagina precedente border-block-end-style
- Pagina successiva border-block-start
Recomendazione del corso:
Definisce la direzione del blocco. Questo influisce sulla posizione di inizio e fine del blocco e
Definizione e uso
L'attributo dipende dalla direzione del blocco.impostare l'attributo lo spessore del bordo finale dell'elemento in direzione del blocco. Definisce la direzione del blocco. Questo influisce sulla posizione di inizio e fine del blocco e
Per rendere border-block-end-style
L'attributo entra in vigore, deve essere impostato
. Definisce la direzione del blocco. Questo influisce sulla posizione di inizio e fine del blocco e
proprietà CSS gli attributi e
border-left-widthborder-bottom-width
border-left-width,
border-right-width e
border-top-width Definisce la direzione del blocco. Questo influisce sulla posizione di inizio e fine del blocco e
Gli attributi sono molto simili, ma
L'attributo dipende dalla direzione del blocco.Attenzione: La posizione del bordo finale della direzione del blocco è influenzata da
proprietà CSS correlate Definisce la direzione del blocco. Questo influisce sulla posizione di inizio e fine del blocco e
border-block-end-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
Esempio 1
Impatto dell'attributo: div { Impostare lo spessore del bordo finale della direzione del blocco: border-block-end-width: 5px;
border-block-end-width: 10px;
Esempio 2: Combinazione dell'attributo writing-mode La posizione del bordo finale della direzione del blocco è influenzata da
writing-mode
Impatto dell'attributo: div { border-block-end-style: solid; writing-mode: vertical-rl; border-block-end-width: 5px;
Prova te stesso
Sintassi CSSlengthborder-block-end-width: medium|thin|thick|
|initial|inherit;
Valore dell'attributo | Valore |
---|---|
medium | Descrizione |
Specificare il bordo di media larghezza. Valore predefinito. | thin |
Specificare il bordo sottile. | 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 |
Creazione dell'animazione: | Supportato. Vedi:Proprietà correlate all'animazione. |
Versione: | CSS3 |
Sintassi JavaScript: | object.style.borderBlockEndWidth="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
Guida:CSS Bordo
Riferimento:Proprietà CSS border
Riferimento:Proprietà CSS border-block
Riferimento:Proprietà CSS border-block-end
Riferimento:Proprietà CSS border-block-end-style
Riferimento:Proprietà CSS border-block-start-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-end-style
- Pagina successiva border-block-start