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 ; }
 疑似要素名 {スタイル要素のプロパティ : プロパティ値; }
    使用上の警告:特に、 background-image が無視されることに注意。

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
::selectionChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 フルサポート◯1フルサポート◯ありフルサポート◯1フルサポート◯9フルサポート◯9.5フルサポート◯1.1

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
::selectionAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本対応 不明 不明フルサポート◯あり 不明 不明 不明 不明
::selection 疑似要素 関連記事
CSS ::selection 疑似要素| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS ::selection 疑似要素 | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS