CSS [属性~=属性値]| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
[属性~=属性値] CSS プロパティとは
トピック：[属性~=属性値]セレクタは、指定された単語を含む属性値を持つ要素を選択するために使用される 、ことができる
CSS [attribute~=value] Selector
実例 コード 1
サンプル コードを試す[class~="webref"] {color: #fff;background: red;}
- 情報：
- [属性~=属性値]：このセレクタは、属性を持つすべての要素を選択するが、属性値が属性の値に含まれる単語のスペースで区切られたリストの1つである場合のみ。
構文
[attribute ~= value] { css : properties ; }
[属性~=属性値] {スタイル要素のプロパティ : プロパティ値; }
| CSS バージョン | CSS 2 |
|---|
サポートするブラウザ対応・互換性
| Selector | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| [attribute~=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
![CSS [属性~=属性値]| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル](/img/css-hv300.png "CSS [属性~=属性値] | CSS プロパティ 値| 意味 使い方 実例 – WebRef")