Антон Шаманов, будь вы «чутка поумнее», то знали бы, что это сделать исключительно на CSS нельзя в абсолютно любом браузере. И да, я этой задачей уже озадачивался.
Но вы не «чутка поумнее», поэтому написали невалидный ответ, т. к. это нельзя сделать ни в одном браузере. Т. е. это невозможно на CSS в принципе на данный момент.
Либо покажите, пожалуйста, код, который бы делал это хоть в каком-то браузере. Буду признателен.
В целом, советую перестать устраивать детский сад с личностями, ресурс не для этого предназначен. Он предназначен для обсуждения. Как вы видите, я на колкости не переходил до момента ваших слов о «чутка поумнее».
Антон Шаманов, в каком смысле кэп, когда это вообще нельзя сделать на CSS в любом браузере? Или есть какое-то иное свойство, которое позволит реализовать это?
К сожалению, только если оборачивать каждую строчку отдельно. Для таких целей где-то был хороший скрипт, который умеет следить в т. ч. и за адаптивностью. Если вспомню, напишу.
jeruthadam, ответ, что такой дизайн встречается уже полвека? Построчный фон у текста — абсолютно типичный способ выделения текстовой информации.
Используется в «Дзене», Instagram, бета-версии приложения YouTube, в городской рекламе Москвы от Лебедева и в миллионах иных мест. Не очень понимаю запрос про примеры, т. к. все примеры ровно такие, как на скриншоте.
P. S. Лежит у меня дома энциклопедия какая-то Шведская для детей, там точно также сделаны заголовки статей. Но навряд ли эта энциклопедия из 90-х является первоначальником.