За последнюю неделю рабочая группа CSS в W3C обновила опубликованные версии трех интересных черновиков спецификаций: 31 июля — CSS Overflow Module Level 3 (модуль переполнения 3 уровня), 2 августа — CSS Inline Layout Module Level 3 (модуль строчной раскладки 3 уровня) и, наконец, 4 августа — CSS Grid Layout Module Level 2 (грид-раскладка 2 уровня).
Главная для нас новинка модуля переполнения — свойство line-clamp
(и его подсвойства, оно составное). Оно должно заменить нестандартное -webkit-line-clamp
и стать стандартным аналогом text-overflow
для блочных элементов, позволяя ограничить контент в блоке определенным количеством строк, добавив при необходимости многоточие (и не только). А еще в нем появились логические свойства overflow-inline
и overflow-block
, похожие на overflow-x
/-y
, но зависящие от направления письма (для вертикального текста overflow-block
автоматически станет горизонтальным).
Модуль строчной раскладки, прежде всего, добавляет кучу возможностей для управления вертикальным выравниванием текста: помимо возможности выбора самой базовой линии, можно будет позиционировать элемент относительно любой из этих линий родительского шрифта (верх, низ, середина строчных букв, середина EM-квадрата…). И наконец появится полноценный vertical-align: center
— по центру контейнера строки. А в новой редакции еще добавилась заготовка свойства, управляющего заливкой фона строчного элемента (названия ему еще не придумали, предлагайте варианты!) и основательно доработаны возможности особых стилей для буквиц (в теории удобнее, чем древний ::first-letter
).
И наконец, пожалуй, главная радость для верстальщиков — в новом модуле гридов наконец утрясли все спорные вопросы, связанные с подсетками! Оставили один, но самый гибкий вариант (подсетки можно создавать по каждой оси отдельно), разобрались, как должны в подсетках работать отступы и интервалы. Так что теперь ждем, когда эта радость наконец придет и в браузеры! А за это время редакторы спецификации подготовят следующую версию нового модуля, в которой обещают добавить новые режимы функции minmax() и много чего еще:)
P.S. Это тоже может быть интересно: