CSSのcounterが印刷されない

Question

前提・実現したいこと

CSSのcounterでページ数を追加して表示しています。
印刷プレビュー画面では正常に表示されていますが、
実際に印刷するとcounterの数字が印字されません。

発生している問題・エラーメッセージ

例えば、全部で12ページ分になったとして、５ページ目だけ印字されていたりします。

該当のソースコード

body {
　counter-reset: sheet;
}

.sheet::after {
    position: absolute;
    bottom: 20px;
    right: 400px;
    counter-increment: sheet;
    content: counter(sheet);
}

試したこと

Macのsafari、Chrome
WindowsのIE11、Chrome
いずれも、プレビューでは正常に表示されていますが、
実際に印刷すると表示されません。

↓の中にも書いてみたりもしましたがダメでした。

@media print {
}

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。

[june_223]

ご指摘ありがとうございます。書き直しました。

[x_x]

counter-reset の前にある全角スペースは誤記でしょうか？

[june_223]

半角にしたら解決しました。ありがとうございました。

Answer 1

半角にしたら解決しました。ありがとうございました。