CSS Gap

Constrói uma regra gap em rem.

Saída gap: N rem de 0 a 4. Ao contrário de CSS Letter Spacing, é o espaço de flex/grid, não tracking. Ao contrário de CSS Word Spacing, não são espaços entre palavras numa frase. Copia a regra neste separador.

gap: 1rem;

O que CSS Gap faz

Saída gap: N rem de 0 a 4. Ao contrário de CSS Letter Spacing, é o espaço de flex/grid, não tracking. Ao contrário de CSS Word Spacing, não são espaços entre palavras numa frase. Copia a regra neste separador.

CSS Gap está em Design e visual de propósito. Não é CSS Letter Spacing (Constrói uma regra letter-spacing em em.) nem CSS Word Spacing (Constrói uma regra word-spacing em em.). Use esta página quando precisar Constrói uma regra gap em rem. Se forçar CSS Gap a fazer o trabalho de um vizinho, o resultado falha mesmo com a mesma interface.

Como usar CSS Gap

  1. Use CSS Gap neste trabalho de design (css gap). CSS Letter Spacing é vizinho (Constrói uma regra letter-spacing em em.), não o mesmo.
  2. Adicione o tipo de arquivo que CSS Gap aceita. Dica do caminho: css gap. Constrói uma regra gap em rem.
  3. Ajuste só opções do CSS Gap. CSS Word Spacing faz outra coisa (Constrói uma regra word-spacing em em.). Nota: Saída gap: N rem de 0 a 4. Ao contrário de CSS Letter Spacing, é o espaço de flex/grid, não tracking. Ao contrário de CSS Word Spacing, não são espaços entre palavras numa frase. Copia a regra neste separador.
  4. Execute CSS Gap nesta aba. A memória do navegador vale: 0–4 rem. Só CSS. Cópia neste separador.
  5. Baixe ou copie o resultado de CSS Gap. Se for o trabalho errado, abra CSS Letter Spacing.

Quando não usar CSS Gap

Pule CSS Gap se um vizinho servir melhor — CSS Letter Spacing ou CSS Word Spacing — ou se a descrição já avisar falha. Nas palavras da ferramenta: Saída gap: N rem de 0 a 4. Ao contrário de CSS Letter Spacing, é o espaço de flex/grid, não tracking. Ao contrário de CSS Word Spacing, não são espaços entre palavras numa frase. Copia a regra neste separador.

Perguntas sobre CSS Gap

O que CSS Gap faz que outras páginas de Design e visual não fazem?
Saída gap: N rem de 0 a 4. Ao contrário de CSS Letter Spacing, é o espaço de flex/grid, não tracking. Ao contrário de CSS Word Spacing, não são espaços entre palavras numa frase. Copia a regra neste separador. Em resumo: Constrói uma regra gap em rem.
O CSS Gap envia meu arquivo ou texto aos servidores do Tool-You?
Não. CSS Gap roda nesta aba. Arquivos ficam no dispositivo. Limite: 0–4 rem. Só CSS. Cópia neste separador.
Devo usar CSS Letter Spacing em vez de CSS Gap?
Use CSS Gap quando precisar Constrói uma regra gap em rem. Use CSS Letter Spacing quando precisar Constrói uma regra letter-spacing em em. Mesma categoria (Design e visual), trabalho diferente.
Quais são os limites de CSS Gap?
0–4 rem. Só CSS. Cópia neste separador. Além disso: Saída gap: N rem de 0 a 4. Ao contrário de CSS Letter Spacing, é o espaço de flex/grid, não tracking. Ao contrário de CSS Word Spacing, não são espaços entre palavras numa frase. Copia a regra neste separador.