Modificador tamanho em bloco

O modificador FolEs tamanho-em-bloco define o tamanho horizontal ou vertical do bloco de um elemento, dependendo do seu modo de escrita. Corresponde tanto à propriedade largura quanto altura, dependendo do valor definido na propriedade modo-escrita.

Se o modo de escrita for orientado verticalmente, o valor de tamanho-em-bloco refere-se à largura do elemento; caso contrário, refere-se à altura do elemento. Uma propriedade relacionada é a tamanho-em-linha, que define a outra dimensão do elemento.

Sintaxe

/* Valores específicos */
tamanho-em-bloco: auto;
tamanho-em-bloco: conteúdo-máximo;
tamanho-em-bloco: conteúdo-mínimo;

/* Valores de comprimento */
tamanho-em-bloco: 300px;
tamanho-em-bloco: 25em;

/* Valores percentuais */
tamanho-em-bloco: 75%;

/* Valores globais */
tamanho-em-bloco: herdar;
tamanho-em-bloco: inicial;
tamanho-em-bloco: reverter;
tamanho-em-bloco: reverter-camada;
tamanho-em-bloco: desarmar;

Tradução para CSS

tamanho-em-bloco é traduzido para block-size.