English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSSクオート属性の使用方法と例

quotes CSS属性指定嵌入式的引号。为此属性指定的引号字符用于contentquotes CSS属性は埋め込まれた引用符を指定します。この属性に指定された引用符文字が使用されます。

属性の開始引用符と終了引用符。

以下のテーブルはこの属性の使用方法とバージョン履歴、javascriptスクリプトでの使用構文を示しています。none
デフォルト値:適用:
すべての要素継承:
はいアニメーション可能:いいえ。 参照してください
アニメーション属性CSS 2バージョン:3
object.style.quotes="none"

引用の使用構文

この属性の構文は以下の通りです:

quotes: [string string]one or more pairs | none | initial | inherit

以下の例では、quotes属性の使用方法を示しています。

  q {
   quotes: '[' ']' '"' '"';
  }
  q:before {
   content: open-quote;
  }
  q:after {
   content: close-quote;
  }
テストして‹/›

属性値

以下のテーブルはこの属性の値を説明しています。

説明
nonecontentopenの属性-quoteとclose-quote値は引用符を生成しません。これはデフォルト値です。
[string string]openの文字列値を定義する-quoteとclose-quote。第一対は外部水平の引用を表し、第二対は外部水平の引用を表します。第二対は第一層のネストに使用され、第三層に使用され、そのように続きます。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のquotesの属性値を使用します。

ブラウザの互換性

quotes属性のブラウザの互換性について、以下のテーブルにはその属性をサポートするブラウザの最低バージョン番号が示されています;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1.5上記の

  • Google Chrome11+

  • Internet Explorer 8+

  • Apple Safari(なし)

  • Opera 7+

警告: Internet Explorer 7および以前のバージョンではquotes属性をサポートしていません。IE8この属性をサポートしていますが、有効な<!DOCTYPE>

さらに詳しく

以下のチュートリアルを参照してください:CSSの仮要素

関連属性:content