We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

この翻訳は不完全です。英語から この記事を翻訳 してください。

quotes CSS プロパティは、ユーザーエージェントが引用符をどのように表示するかを指示します。

/* Keyword value */
quotes: none;

/* <string> values */
quotes: "«" "»";           /* Set open-quote and close-quote to the French quotation marks */
quotes: "«" "»" "‹" "›";   /* Set two levels of quotation marks */

/* Global values */
quotes: inherit;
quotes: initial;
quotes: unset;

初期値ユーザエージェントに依存する
適用対象全要素
継承継承する
メディアvisual
計算値指定値
Animation typediscrete
正規順序形式文法で定義される一意のあいまいでない順序

構文

none
The open-quote and close-quote values of the content property produce no quotation marks.
[<string> <string>]+
open-quoteclose-quote<string> の 1 つ以上のペア。最初のペアは、引用符を表示する要素が入れ子になった際の、最上層のものの引用符を表す。以下、順次下位レベルの引用符に対応する。

形式構文

none | [ <string> <string> ]+

HTML

<q>To be or not to be. That's the question!</q>

CSS

q {
  quotes: '"' '"' "'" "'";
}
q::before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

結果

仕様

仕様書 策定状況 コメント
CSS Level 2 (Revision 1)
quotes の定義
勧告  

ブラウザー実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

関連情報

ドキュメントのタグと貢献者

このページの貢献者: momdo, Krenair, Sebastianz, ethertank
最終更新者: momdo,