Proprietà CSS border-block-end-width

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 eborder-left-widthborder-bottom-widthborder-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