CSS リファレンス

この CSS リファレンス は、すべての標準 CSS プロパティ、擬似クラス、擬似要素、データ型、関数記法、アットルールのアルファベット順の索引として利用できます。また、すべての CSS 種類別セレクターの一覧および重要な CSS の概念の一覧もあります。また、簡単な DOM-CSS / CSSOM リファレンスも含まれています。

基本的なルールと構文

スタイルルールの構文

css

スタイルルール ::=
    セレクターリスト {
      プロパティリスト
    }

ここで、

css

セレクターリスト ::=
    セレクター[:擬似クラス] [::擬似要素]
    [, セレクターリスト]

プロパティリスト ::=
    [プロパティ : 値] [; プロパティリスト]

下記の セレクター、擬似クラス、擬似要素 の一覧を参照してください。各指定値の構文は、各指定プロパティに定義されたデータ型に依存します。

スタイルルールの例

css

strong {
  color: red;
}

div.menu-bar li:hover > ul {
  display: block;
}

初心者レベルの CSS セレクター構文への入門については、 CSS セレクターのガイドをご覧ください。ルール定義内での CSS 構文エラーは、そのルール全体を無効にするので十分に注意してください。無効なルールはブラウザーにより無視されます。 CSS ルールの定義はすべて (ASCII) テキストベースであり、DOM-CSS / CSSOM (ルール管理システム) はオブジェクトベースなので注意してください。

アットルールの構文

アットルールの構造は様々であるため、知りたい構文について調べるにはアットルールのページをご覧ください。

索引

メモ: この索引は、SVG 要素上で CSS プロパティとして使える SVG 専用プレゼンテーション属性を含んでいません。

メモ: この索引でのプロパティ名は、CSS 標準の名前と異なる JavaScript の名前は含んでいません。

-

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

セレクター

以下は様々なセレクターで、DOM 内の要素の様々な特徴に基づいた条件付きのスタイル付けを可能にします。

基本セレクター

基本セレクターは基礎的なセレクターです。これらは最も基本的なセレクターで、他のより複雑なセレクターを作成するために頻繁に組み合わせられます。

グループ化セレクター

セレクターリスト A, B: A と B の両方の要素が選択されることを指定します。これは複数の一致する要素をグループ化する方法です。

結合子

結合子 (Combinator) は 2 つ以上の単純セレクターの関係、例えば「A は B の子である」や「A は B の子孫である」などを確立し、複合セレクターを作成するためのセレクターです。

次兄弟結合子 A + B: A と B のそれぞれで選択された要素が同じ親を持ち、かつ B で選択された要素が A で選択された要素の水平的な直後にあることを指定します。
後続兄弟結合子 A ~ B: A と B のそれぞれで選択された要素が同じ親を共有しており、かつ A で選択された要素が B の前に — ただし直前である必要はありませんが — 来た場合を指定します。
子結合子 A > B: B で選択された要素のうち、 A で選択された要素の直接の子であるものを指定します。
子孫結合子 A B: B で選択された要素のうち、 Aで選択された要素の子孫であるものを指定します。直接の子である必要はありません。
列結合子 A || B Experimental: B で指定された要素のうち、 A で指定された表の列にあるものを指定します。複数の列にまたがる要素は、そのすべての列のメンバーであるとみなされます。

擬似クラスと擬似要素

擬似クラス :: 選択された要素が特別な状態にあることを指定します。
擬似要素 ::: HTML に含まれていないエンティティを表します。

Selectors Level 4 仕様書におけるセレクターおよび擬似要素の仕様書も参照してください。

CSS 索引 (w3.org)