CSSのquotesプロパティ

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

CSSのquotesプロパティは、content プロパティの open-quotesclose-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

B!

Comment

コメント(0)

コメントはまだありません。

コメントする

Trackback(0)