CSS-live.ru

Свежие обновления CSS-черновиков: переполнение 3 уровня, строчная раскладка 3 уровня, гриды 2 уровня

За последнюю неделю рабочая группа 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. Это тоже может быть интересно:

Оставить комментарий

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

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