Автор: ledzh

initial-letter – свойство, которое работает в паре с псевдоэлементом ::first-letter для большего контроля над стилизацией первой буквы.

Допустим, у нас есть такой параграф: И мы хотим стилизовать его первую букву. Сперва зададим ширину параграфу, чтобы текст шел в несколько строчек: Далее возьмем […]

Читать далее

text-wrap: balance; Текст переносится таким образом, чтобы наилучшим образом сбалансировать количество символов в каждой строке, повышая качество макета и удобочитаемость

Появилось новое значение у свойства text-wrap, которое отвечает за перенос строк. По умолчанию стоит значение wrap, которое переносит текст по строкам с помощью пробелов. Т.е. […]

Читать далее

Псевдокласс :has() применяет стиль к тегу, если он имеет соответствующий дочерний тег

Псевдокласс :has() проверяет, содержит ли родитель хотя бы один конкретный элемент или выполняется ли условие, например, если кнопка находится в фокусе. Например, допустим есть такой […]

Читать далее

@container – at-правило похожее на @media, он дает нам возможность стилизовать теги в зависимости от размера их родительского тега

Если вы уже умеете работать с at-правилом @media, то для вас никаких проблем не составит освоить и at-правило @container. Основное правило состоит в том, что […]

Читать далее