Tool-You

CSS Gap

Создайте правило gap в rem.

Вывод gap: N rem от 0 до 4. В отличие от Letter-Spacing: зазор flex/grid, не трекинг. В отличие от Word-Spacing: без пробелов между словами в предложении. Скопируйте правило в этой вкладке.

gap: 1rem;

Что делает CSS Gap

Вывод gap: N rem от 0 до 4. В отличие от Letter-Spacing: зазор flex/grid, не трекинг. В отличие от Word-Spacing: без пробелов между словами в предложении. Скопируйте правило в этой вкладке.

CSS Gap специально в группе Дизайн. Это не CSS Letter-Spacing (Создайте правило letter-spacing в em.) и не CSS Word-Spacing (Создайте правило word-spacing в em.). Открывайте страницу, когда нужно: Создайте правило gap в rem. Если поручить CSS Gap чужую задачу, результат будет неверным.

Как пользоваться CSS Gap

  1. Для этой дизайнерской задачи — CSS Gap (css gap). CSS Letter-Spacing рядом (Создайте правило letter-spacing в em.), но это не то же самое.
  2. Добавьте тип файла, который принимает CSS Gap. Подсказка пути: css gap. Создайте правило gap в rem.
  3. Настройте только опции CSS Gap. CSS Word-Spacing — другая задача (Создайте правило word-spacing в em.). Примечание: Вывод gap: N rem от 0 до 4. В отличие от Letter-Spacing: зазор flex/grid, не трекинг. В отличие от Word-Spacing: без пробелов между словами в предложении. Скопируйте правило в этой вкладке.
  4. Запустите CSS Gap в этой вкладке. Лимит памяти браузера: 0–4 rem. Только CSS. Копируйте в этой карточке.
  5. Скачайте или скопируйте результат CSS Gap. Если задача другая — откройте CSS Letter-Spacing.

Когда не стоит использовать CSS Gap

Не используйте CSS Gap, если соседний инструмент лучше — CSS Letter-Spacing или CSS Word-Spacing — или если описание уже предупреждает о сбое. Слова инструмента: Вывод gap: N rem от 0 до 4. В отличие от Letter-Spacing: зазор flex/grid, не трекинг. В отличие от Word-Spacing: без пробелов между словами в предложении. Скопируйте правило в этой вкладке.

Вопросы про CSS Gap

Чем CSS Gap отличается от других страниц Дизайн на сайте?
Вывод gap: N rem от 0 до 4. В отличие от Letter-Spacing: зазор flex/grid, не трекинг. В отличие от Word-Spacing: без пробелов между словами в предложении. Скопируйте правило в этой вкладке. Коротко: Создайте правило gap в rem.
Загружает ли CSS Gap файл или текст на серверы Tool-You?
Нет. CSS Gap работает в этой вкладке. Файлы остаются на устройстве. Лимит: 0–4 rem. Только CSS. Копируйте в этой карточке.
Стоит ли брать CSS Letter-Spacing вместо CSS Gap?
CSS Gap — когда нужно Создайте правило gap в rem. CSS Letter-Spacing — когда нужно Создайте правило letter-spacing в em. Категория одна (Дизайн), задача разная.
Какие ограничения у CSS Gap?
0–4 rem. Только CSS. Копируйте в этой карточке. Также: Вывод gap: N rem от 0 до 4. В отличие от Letter-Spacing: зазор flex/grid, не трекинг. В отличие от Word-Spacing: без пробелов между словами в предложении. Скопируйте правило в этой вкладке.

Похожие инструменты