CSS Gap

Construye una regla gap en rem.

Salida gap: N rem de 0 a 4. A diferencia de CSS Letter Spacing, es el hueco de flex/grid, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras en una frase. Copia la regla en esta pestaña.

gap: 1rem;

Qué hace CSS Gap

Salida gap: N rem de 0 a 4. A diferencia de CSS Letter Spacing, es el hueco de flex/grid, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras en una frase. Copia la regla en esta pestaña.

CSS Gap está en Diseño a propósito. No es CSS Letter Spacing (Construye una regla letter-spacing en em.) ni CSS Word Spacing (Construye una regla word-spacing en em.). Use esta página cuando necesite Construye una regla gap en rem. Si fuerza CSS Gap a hacer el trabajo de un vecino, el resultado fallará aunque la interfaz se vea igual.

Cómo usar CSS Gap

  1. Use CSS Gap para este trabajo de diseño (css gap). CSS Letter Spacing es vecino (Construye una regla letter-spacing en em.) pero no igual.
  2. Añada el tipo de archivo que acepta CSS Gap. Pista de la ruta: css gap. Construye una regla gap en rem.
  3. Ajuste solo opciones de CSS Gap. CSS Word Spacing hace otra cosa (Construye una regla word-spacing en em.). Nota: Salida gap: N rem de 0 a 4. A diferencia de CSS Letter Spacing, es el hueco de flex/grid, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras en una frase. Copia la regla en esta pestaña.
  4. Ejecute CSS Gap en esta pestaña. Sigue valiendo la memoria del navegador: 0–4 rem. Solo CSS. Copia en esta pestaña.
  5. Descargue o copie el resultado de CSS Gap. Si no era la tarea, abra CSS Letter Spacing.

Cuándo no usar CSS Gap

No use CSS Gap si un vecino encaja mejor — pruebe CSS Letter Spacing o CSS Word Spacing — o si la descripción ya avisa que fallará. En palabras de la herramienta: Salida gap: N rem de 0 a 4. A diferencia de CSS Letter Spacing, es el hueco de flex/grid, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras en una frase. Copia la regla en esta pestaña.

Preguntas sobre CSS Gap

¿Qué hace CSS Gap que otras páginas de Diseño no hacen?
Salida gap: N rem de 0 a 4. A diferencia de CSS Letter Spacing, es el hueco de flex/grid, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras en una frase. Copia la regla en esta pestaña. En corto: Construye una regla gap en rem.
¿CSS Gap sube mi archivo o texto a servidores de Tool-You?
No. CSS Gap corre en esta pestaña. Los archivos se quedan en el dispositivo. Límite: 0–4 rem. Solo CSS. Copia en esta pestaña.
¿Debo usar CSS Letter Spacing en lugar de CSS Gap?
Use CSS Gap si necesita Construye una regla gap en rem. Use CSS Letter Spacing si necesita Construye una regla letter-spacing en em. Misma categoría (Diseño), trabajo distinto.
¿Cuáles son los límites de CSS Gap?
0–4 rem. Solo CSS. Copia en esta pestaña. Además: Salida gap: N rem de 0 a 4. A diferencia de CSS Letter Spacing, es el hueco de flex/grid, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras en una frase. Copia la regla en esta pestaña.