contentプロパティでopen-quote, close-quote値を無視する

症状

contentプロパティでopen-quote, close-quoteの各値を指定することで引用符を表示させることができない。

例示

<style type="text/css">
span.sample {
  quotes: '【' '】';
}
span.sample:before {
  content: open-quote;
  color: blue;
}
span.sample:after {
  content: close-quote;
  color: blue;
}
</style>

<p>→<span class="sample">引用</span>←</p>

引用

文字列「引用」の前後に引用符として前景色が青色の括弧を表示させています。

スクリーンショット

N7N7.02での表示

修正状況

Safari1.0でこの不具合が発生するそうです。

関連記事

スポンサーリンク

zip ファイルを圧縮する(拡張子.zip)

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る