Добавить в корзинуПозвонить
Найти в Дзене
HTML Academy

::first-line в CSS: тонкая настройка первой строки, о которой забывают даже профи

::first-line в CSS: тонкая настройка первой строки, о которой забывают даже профи Псевдоэлемент ::first-line — одна из тех возможностей CSS, которая кажется простой, но скрывает мощный потенциал для типографики. Псевдоэлемент позволяет оформить только первую видимую строку текста: выделить её цветом, изменить шрифт, добавить фон или акцентировать внимание типографикой. И всё это — без дополнительного HTML. Но у приёма есть тонкости: поддерживаются не все CSS-свойства, а результат зависит от ширины контейнера и адаптивности. Если знать ограничения, ::first-line станет идеальным инструментом для аккуратного визуального акцента. Разбираем, что можно, что нельзя и как использовать без ошибок — читайте статью.

::first-line в CSS: тонкая настройка первой строки, о которой забывают даже профи

Псевдоэлемент ::first-line — одна из тех возможностей CSS, которая кажется простой, но скрывает мощный потенциал для типографики. Псевдоэлемент позволяет оформить только первую видимую строку текста: выделить её цветом, изменить шрифт, добавить фон или акцентировать внимание типографикой. И всё это — без дополнительного HTML.

Но у приёма есть тонкости: поддерживаются не все CSS-свойства, а результат зависит от ширины контейнера и адаптивности. Если знать ограничения, ::first-line станет идеальным инструментом для аккуратного визуального акцента.

Разбираем, что можно, что нельзя и как использовать без ошибок — читайте статью.