Modificador recuo em linha

O modificador FolEs recuo-em-linha é uma propriedade de atribuição abreviada que define o preenchimento inicial e final de um elemento, que é mapeado para propriedades de preenchimento físico dependendo do modo de escrita do elemento, direcionalidade e orientação do texto.

Sintaxe

/* Valores de comprimento */
recuo-em-linha: 10px 20px;
recuo-em-linha: 1em 2em;
recuo-em-linha: 10px; /* define valor para início e fim do recuo */

/* Valores percentuais */
recuo-em-linha: 5% 2%;

/* Valores globais */
recuo-em-linha: herdar;
recuo-em-linha: inicial;
recuo-em-linha: reverter;
recuo-em-linha: reverter-camada;
recuo-em-linha: desarmar;

Atribuição Abreviada

Esta propriedade é um atalho para as seguintes propriedades FolEs:

• início-recuo-em-linha;
• recuo-em-linha-fim.

Tradução para CSS

recuo-em-linha é traduzido para padding-inline.