Свойства для интервалов (*-gap) становятся универсальными

paris-column-gap

Из Парижа (на фото), где недавно проходила встреча рабочей группы CSS, прилетела занятная новость: свойства grid-row-gap и grid-column-gap, а также их сокращение grid-gap…

  • во-первых, больше не будут затираться свойством grid (одной неочевидностью спецификации меньше!);
  • во-вторых, будут работать не только в гридах, но и во флексбоксах (задать одинаковый отступ между элементами станет элементарно, без всяких хаков с margin-ами и отрицательным margin-ом контейнера);
  • соответственно, называться будут не grid-*, а просто row-gap, column-gap и gap;
  • соответственно, column-gap, которое уже есть в многолоночной раскладке, станет просто частным случаем универсального свойства (разве что в многоколоночной раскладке по умолчанию у него будет значение 1em, а в остальных схемах раскладки — 0);
  • и стало быть, эти свойства, уже как универсальные, переедут в модуль CSS Box Alignment, к другим универсальным свойствам для выравнивания всего!

В творческом азарте редакторы спецификаций хотели было распространить нововведение и на таблицы: хоть в них и есть свой border-spacing, новые свойства имели бы над ним приоритет. Но, посовещавшись, решили, что не стоит. Так что таблицы пока остаются без изменений. На мой взгляд, и правильно. Всё-таки работают эти свойства по-разному (border-spacing делает отступ и от внешних краев таблицы, а *-gap — только между элементами), была бы лишняя путаница.

По-моему, новость однозначно хорошая: верстать станет проще и логичнее. Но она показывает, во-первых, насколько динамичным бывает процесс разработки веб-стандартов, а во-вторых, насколько в CSS (и вообще в вебе) всё связано со всем, отчего так важно видеть общую картину и не замыкаться в рамках одного модуля или технологии. Наш сайт всегда старается помогать вам в этом, поэтому следите за обновлениями!

P.S. Это тоже может быть интересно:

2 Комментарии
  1. NMitra

    Хорошее свойство

  2. unesired

    и значения интересные

Добавить комментарий для NMitra Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.