Modificador tamanho máximo em bloco

O modificador FolEs tamanho-máximo-em-bloco especifica o tamanho máximo de um elemento na direção oposta à direção de escrita, conforme especificado pela propriedade modo-escrita. Ou seja, se a direção da escrita for horizontal, então o modificador é equivalente à propriedade altura-máxima; se a direção da escrita for vertical, é a mesma que largura-máxima.

O comprimento máximo da outra dimensão do elemento é especificado através da propriedade tamanho-máximo-em-linha.

Isso é útil porque o largura-máxima é sempre utilizado para tamanhos horizontais e altura-máxima, para tamanhos verticais. Se você precisar definir comprimentos com base no tamanho do conteúdo do texto, deverá ser capaz de fazê-lo com a direção da escrita em mente.

Sintaxe

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

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

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

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

Propriedade FolEs

Há duas nomenclaturas válidas para referenciar este modificador, sendo elas:

• tamanho-máximo-em-bloco
• tamanho-maximo-em-bloco

Tradução para CSS

tamanho-máximo-em-bloco é traduzido para max-block-size.