Modificador tamanho máximo em linha

O modificador FolEs tamanho-máximo-em-linha define o tamanho máximo, horizontal ou vertical, do bloco de um elemento, dependendo do seu modo de escrita. Corresponde à propriedade altura-máxima ou largura-máxima, dependendo do valor atribuído à modo-escrita.

Se o modo de escrita for orientado verticalmente, o valor de tamanho-máximo-em-linha refere-se à altura-máxima do elemento; caso contrário, refere-se à largura-máxima do elemento.

Uma propriedade relacionada é tamanho-máximo-em-bloco, que define a outra dimensão do elemento.

Sintaxe

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

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

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

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

Propriedade FolEs

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

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

Tradução para CSS

tamanho-máximo-em-linha é traduzido para max-inline-size.