Proprietà CSS block-size

Definizione e uso

block-size L'attributo specifica la dimensione dell'elemento nella direzione del blocco.

Attenzione:proprietà CSS correlate writing-mode Definisce la direzione del blocco, il che influisce su block-size attributi. Per le pagine in inglese, la direzione del blocco è verso il basso e la direzione in linea è da sinistra a destra.

CSS block-size e inline-size attributi sono simili a CSS width e height proprietà sono molto simili, ma block-size e inline-size L'attributo dipende dalla direzione del blocco e dalla direzione in linea.

Esempio

Esempio 1

Imposta la dimensione dell'elemento <div> nella direzione del blocco:

div {
  block-size: 200px;
}

Prova da solo

Esempio 2

Quando il valore dell'attributo writing-mode dell'elemento <div> è impostato su vertical-rl, la direzione del blocco cambia da verticale a orizzontale, il che cambia la direzione di azione dell'attributo block-size:

div {
  block-size: 250px;
  writing-mode: vertical-rl;
}

Prova da solo

Sintassi CSS

inset-block: auto|length|initial|inherit;

Valore dell'attributo

Dettagli tecnici

Supporto del browser

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

Pagine correlate

Tutorial CSS:Altezza e larghezza CSS

Tutorial CSS:Modello di riquadro CSS

Riferimento CSS:attributo height

Riferimento CSS:attributo width

Riferimento CSS:attributo writing-mode