CSS ID selector プロパティ 関数 要素 使い方・書き方 例 CSS サンプル

ID selector CSS プロパティとは

トピック：idセレクタは、単一の要素または一意の要素のスタイル規則を定義するために使用される ことができる idセレクタには、ハッシュ記号（＃）の後に続くid値が定義されています。

ID selector

CSSコード：例

    /* id="webref" の要素*/

    #webref{
       border: red 2px solid;
    }

構文

#id_value { style : properties ; }
 #ID値 {スタイル要素のプロパティ : プロパティ値; }

またはCSS 属性セレクタattribute selector

[id=id_value] { style : properties ; }
 [id=ID値] {スタイル要素のプロパティ : プロパティ値; }

CSSコード：例

    #webref{
        background-color: yellow;
    }
    情報：HTML文書では、CSS IDセレクタはid属性の値に基づいて要素を選択します。 選択された要素のID属性は、セレクタによって指定された 、値と正確に一致しなければならない。

HTMLコード：例

サンプル コードを試す
    <div id="webref">これは ID がついています！</div>
       <div>これは ID がついていません！</div>

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

PropertyID selector プロパティ 値
ID selectorChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯12フルサポート◯1フルサポート◯ありフルサポート◯ありフルサポート◯あり

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

PropertyID selector 内容 説明
ID selectorAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯ありフルサポート◯ありフルサポート◯ありフルサポート◯4フルサポート◯ありフルサポート◯ありフルサポート◯あり
CSS ID selector プロパティ 関数 要素 使い方・書き方 例 CSS サンプル
CSS ID selector プロパティ | 使い方 | 書き方 | サンプル | セレクタ 値 | 属性 入門 | CSS マニュアル – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery