Последовательность символов Newline в свойстве CSS content?

Можно ли использовать символ newline в свойстве CSS content для принудительного разрыва строки? Что-то вроде:

figcaption:before
{
    content: 'Figure \n' + attr(title);
}

Ответы

Ответ 1

Свойство content принимает string и:

Строка не может содержать строку новой строки. Чтобы включить новую строку в string, используйте escape, представляющий символ перевода строки в ISO-10646 (U + 000A), например "\ A" или "\ 00000a". Этот персонаж представляет общее понятие "новой строки" в CSS.

(понятия не имею о фактической поддержке браузера.)

Ответ 2

figcaption:before
{
    content: 'Figure \a' attr(title);
    white-space: pre;
}

Обратите внимание, что в значении атрибута content конкатенация выражается просто пробелом, а не знаком "+". Обозначение escape \a в строковом литерале CSS указывает символ строки.