свойство string-set CSS не распознается браузером

Question

Я работаю над проектом html в PDF. Я следую решению из более старого вопроса SO , но застрял на первом шаге:

h1 {
    string-set: doctitle content();
}

@page {
    size: A4;
    margin: 1.6cm .6cm 1.2cm .6cm;

    @top-center {
        content: string(doctitle);
    }
}

, но я получаю «Неизвестное имя свойства» на Dev tools.

Проверено: Chrome версия 81.0.4044.129 & Firefox 75.0

Answer 1

Итак, изучив еще тонну, я думаю, что у меня есть ответы. string-set является фактическим свойством CSS в W3's CSS Page Media Module , но, как и OP в Был ли брошен модуль мультимедиа с разбивкой на страницы? , похоже, нет полное принятие в браузерах спецификаций страничного медиа-модуля, хотя caniuse заявляет, что он полностью поддерживается.

Причина, по которой он работает в Повторное отображение текущего заголовка после разрыва страницы , заключается в том, что OP использует WeasyPrint, который не полагается на рендеринг CSS в браузере для создания PDF.

Вывод состоит в том, что в 2020 году HTML в PDF по-прежнему является серьезной проблемой из-за фрагментированного принятия спецификаций W3. Один и тот же файл HTML будет выглядеть по-разному в браузере при предварительном просмотре печати, WKHTMLTOPDF и WeasyPrint.

Часть чтения, которое помогло мне, наконец, решить эту проблему:

• https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
• https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/