CSS Paged Media には、string-set と呼ばれる便利な関数があり、一度定義した文字列をどこでも使用できます。
body { string-set: warningTextVar attr(data-var-TxtWarning);}
.warning::before {
content: warningTxtVar;
}
HTML:
<body data-var-TxtWarning="Warning: ">
<p class="warning">this is the warning text.</p>
output (Antennahouse Formatter を使用してレンダリングした場合):
警告: これは警告テキストです。
string-set が廃止されたため、これをブラウザで動作させることはできません。そこで、ブラウザで「string-set」機能を置き換える方法を探しています。
明らかなものは変数です：
body {--Warning: content attr(data-var-TxtWarning);}
しかし、それはうまくいかないようです。変数に文字列を入力できます。
body {--Warning: "Warning";}
しかし、属性値を読み取ろうとすると失敗し、変数は空のままです。