quotes CSS プロパティとは
トピック：埋め込み引用符の引用符を指定する、事ができる このプロパティに指定された引用符文字は、contentプロパティのopen-quoteおよびclose-quoteの値に使用される
プロパティ quotes
実例 コード 1
サンプル コードを試すq { quotes: '[' ']' '"' '"';}q:before { content: open-quote;}q:after { content: close-quote;}
プロパティ 定義と使用法
| デフォルト値・初期値 : | ユーザエージェントに依存する |
|---|
| 適用対象 : | 全要素 |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS2 |
|---|
| アニメーションの種類 : | 個別 |
|---|
| JavaScript 構文 | object.style.quotes="funWebref" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | quotes: none |string |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
|---|
none | "content"プロパティの "open-quote"値と "close-quote"値が引用符を生成しないことを指定する |
string string string string | 使用する引用符を指定する 最初の2つの値はクォート埋め込みの第1レベルを指定し、次の2つの値はクォート埋め込みの次のレベルを指定する |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
引用符文字
| 結果 | 説明 | エンティティ番号 |
|---|
" | 二重引用符 | \0022 |
' | 一重引用符 | \0027 |
‹ | 単一の、左角引用 | \2039 |
› | 単一の直角引用符 | \203A |
« | ダブル、左角引用 | \00AB |
» | ダブル、直角引用符 | \00BB |
‘ | 左引用 | \2018 |
’ | 右引用 | \2019 |
“ | 左引用符 | \201C |
” | 右引用符 | \201D |
„ | ダブルクォート | \201E |
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| quotes | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯11 | フルサポート◯12 | フルサポート◯1.5 | フルサポート◯8 | フルサポート◯4 | フルサポート◯9 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| quotes | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | 不明 | 不明 | フルサポート◯あり | 不明 | 不明 | 不明 | 不明 |
|---|
CSS quotes | CSS プロパティ 値| 意味 使い方 実例 – WebRef