CSSのquotesプロパティ

CSSのquotesプロパティを初めて知ったのでメモ。

CSSのquotesプロパティは、content プロパティの open-quotes や close-quotes を使用して追加された引用符をどのように表示するか設定します。

.hoge {
quotes: '「' '」';
}
.hoge::before {
content: open-quote;
}
.hoge::after {
content: close-quote;
}

See the Pen
quotes property by hirogw (@hirogw)
on CodePen.

content で直接引用符を設定してしまえば良いのでは？と思ったり。
使いみちがありそうで無さそうなプロパティですね。

参考
quotes – CSS: カスケーディングスタイルシート | MDN