CSS ::selection 疑似要素| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
ページコンテンツ
::selection 疑似要素 CSS プロパティとは
トピック:ユーザによって選択された要素の部分と一致する、事ができる ユーザーは、選択したドキュメントの一部にスタイルを適用する(マウスなど)
疑似要素 セレクター ::selection
実例 コード 1
サンプル コードを試す ::-moz-selection {
color: red;
background: yellow;
}
/* Firefoxの場合 */
::selection {
color: red;
background: yellow;
}
- 使用上の注意:
::selection擬似要素はCSSセレクタレベル3のために作成されましたが、勧告のステータスの前に削除されました。現時点では::selection擬似要素はどの仕様にもありません。(ただし、将来のCSS仕様に再追加される可能性があります)
構文
::selection { css : properties ; }
疑似要素名 {スタイル要素のプロパティ : プロパティ値; }
/* Firefoxの場合での構文 */
::-moz-selection { css : properties ; }
疑似要素名 {スタイル要素のプロパティ : プロパティ値; }
colorbackground-colorcursorcaret-coloroutlineおよびその個別指定プロパティtext-decorationおよび関連プロパティtext-emphasis-colortext-shadow
::selectionで利用できるプロパティ:- 使用上の警告:特に、
background-image が無視されることに注意。サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 | |||||
|---|---|---|---|---|---|---|
| ::selection | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
| 基本対応 | フルサポート◯1 | フルサポート◯あり | フルサポート◯1 | フルサポート◯9 | フルサポート◯9.5 | フルサポート◯1.1 |
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 | ||||||
|---|---|---|---|---|---|---|---|
| ::selection | Android | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet |
| 基本対応 | 不明 | 不明 | フルサポート◯あり | 不明 | 不明 | 不明 | 不明 |
