CYBER@GARDEN

home > references > CSSリファレンス

CSSリファレンス

本リファレンスは『Web標準の教科書』に収録した内容の簡易版です。
ブラウザ対応状況などの詳細情報は、書籍を参照してください。

@ルール

@ルール 機能 レベル
CSS1 CSS2
@media出力メディアの特定-
@import外部スタイルシートの参照
@charsetスタイルシートの文字コードセット-
@pageページメディアに関する詳細設定-
@font-faceフォントに関する詳細設定-

セレクタ

セレクタ 機能 レベル
CSS1 CSS2
タイプセレクタ(要素名)その要素にスタイルを適用
ユニバーサルセレクタ(*)すべての要素にスタイルを適用-
classセレクタ(.class名)文書内で複数の要素にスタイルを適用
idセレクタ(#id名)文書内で唯一の要素にスタイルを適用
子孫セレクタ(E F)親要素(E)に含まれるすべての子孫要素(F)にスタイルを適用
子セレクタ(E > F)親要素(E)の直接の子要素(F)にスタイルを適用-
隣接セレクタ(E + F)兄要素(E)の直後の弟要素(F)にスタイルを適用-
要素名[属性値]要素のなかでもその属性名をもつ要素に対してスタイルを適用-
要素名[属性名="属性値"]要素のなかでもその属性名と属性値をもつ要素に対してスタイルを適用-
要素名[属性名~="属性値"]要素のなかでもその属性名をもち、属性値が空白文字区切りで複数指定されている場合に、その属性値が含まれている要素にスタイルを適用-
要素名[属性名|="属性値"]要素のなかでもその属性名をもち、属性値がハイフン(-)区切りで複数指定されている場合に、その属性値が前方一致で含まれている要素にスタイルを適用-

擬似クラス

擬似クラス 機能 レベル
CSS1 CSS2
:first-child親要素の範囲内で最初に登場する子要素のみにスタイルを適用-
:link未訪問リンク(まだ開いたことがないページへのリンク)に適用
:visited既訪問リンク(すでに開いたことがあるページへのリンク)に適用
:hover要素がカーソルなどのポインティングデバイスで指し示されているが、アクティブな状態ではないときに適用-
:active要素がアクティブな状態のときに適用
:focus要素がフォーカスを受けているときに適用-
:lang()要素のなかでも特定の言語コードが指定されている要素に対してスタイルを適用-

擬似要素

擬似要素 機能 レベル
CSS1 CSS2
:first-line要素の一行目のみにスタイルを適用
:first-letter要素の一文字目のみにスタイルを適用
:before要素に含まれる内容の前に内容を生成-
:after要素に含まれる内容の後に内容を生成-

プロパティ

プロパティ 機能 レベル 書式上のルール
CSS1 CSS2 規定値 適用対象 継承
azimuth音声の聞こえる水平方向の位置-centerすべての要素
background背景関連プロパティの一括指定各プロパティを参照すべての要素×
background-attachment背景画像の移動・固定scrollすべての要素×
background-color背景色transparentすべての要素×
background-image背景画像noneすべての要素×
background-position背景画像の初期位置0% 0%ブロックレベル要素、置換要素×
background-repeat背景画像の繰り返しrepeatすべての要素×
borderボーダー関連プロパティの一括指定各プロパティを参照すべての要素×
border-collapse表のボーダーの表示モデル-collapsetable要素
border-colorボーダーの色の一括指定各プロパティを参照すべての要素×
border-spacing隣接するセルのボーダー間のスペース-0table要素
border-styleボーダーの形状の一括指定-noneすべての要素×
border-top, border-right, border-bottom, border-left上下左右それぞれのボーダーの太さ・形状・色の一括指定各プロパティを参照すべての要素×
border-top-color, border-right-color, border-bottom-color, border-left-color上下左右それぞれのボーダーの色colorプロパティの値すべての要素×
border-top-style, border-right-style, border-bottom-style, border-left-style上下左右それぞれのボーダーの形状noneすべての要素×
border-top-width, border-right-width, border-bottom-width, border-left-width上下左右それぞれのボーダーの太さmediumすべての要素×
border-widthボーダーの太さの一括指定各プロパティを参照すべての要素×
bottom下からの位置指定-autopositionプロパティの値が「static」以外の要素×
caption-side表キャプションの位置-topcaption要素
clearフロートによる回り込みの解除noneブロックレベル要素×
clip切り抜き領域-autoブロックレベル要素、置換要素×
color文字色(前景色)ブラウザに依存すべての要素
content生成内容-空テキスト:before疑似要素、:after疑似要素×
counter-incrementカウンタの値を増やす-noneすべての要素×
counter-resetカウンタの値をリセットする-noneすべての要素×
cue要素の前後に音声を鳴らす場合の一括指定-各プロパティを参照すべての要素×
cue-after要素の直後に音声を鳴らす-noneすべての要素×
cue-before要素の直前に音声を鳴らす-noneすべての要素×
cursorカーソルの種類-autoすべての要素
directionテキストの基本的な表記方向-ltrすべての要素
display表示方法inlineすべての要素×
elevation音声の聞こえる垂直方向の位置-levelすべての要素
empty-cells空セルのボーダーと背景の表示方法-showセル要素
floatフロートの方向nonepositionプロパティの値が「static」の要素(contentプロパティでの生成内容を除く)×
fontフォント関連プロパティの一括指定各プロパティを参照すべての要素
font-familyフォントのファミリーブラウザに依存すべての要素
font-sizeフォントの大きさmediumすべての要素
font-size-adjustフォントの大きさの調整-noneすべての要素
font-stretchフォントの字幅-normalすべての要素
font-styleフォントのスタイルnormalすべての要素
font-variantフォントの変形normalすべての要素
font-weightフォントの太さnormalすべての要素
heightボックスの内容領域の高さautoすべての要素(非置換インライン要素、表の列要素と列グループ要素を除く)×
left左からの位置指定-autopositionプロパティの値が「static」以外の要素×
letter-spacingテキストの文字間隔normalすべての要素
line-height行ボックス内のインラインボックスの高さnormalすべての要素
list-styleリスト関連プロパティの一括指定なしdisplayプロパティの値が「list-item」の要素(li要素)
list-style-imageリストマーカーの画像nonedisplayプロパティの値が「list-item」の要素(li要素)
list-style-positionリストマーカーの位置outsidedisplayプロパティの値が「list-item」の要素(li要素)
list-sytle-typeリストマーカーの種類discdisplayプロパティの値が「list-item」の要素(li要素)
marginマージンの一括指定なしすべての要素(表内部要素を除く)×
margin-top, margin-right, margin-bottom, margin-left上下左右マージンの個別指定0すべての要素(表内部要素を除く)×
marker-offsetマーカーボックスと基本ブロックボックスの距離-autodisplayプロパティで値が「marker」の要素×
marksトンボマーク(裁断等の目印)-none@pageルール内-
max-heightボックスの内容領域の高さの最大値-noneすべての要素(非置換インライン要素、表関連要素を除く)×
max-widthボックスの内容領域の幅の最大値-noneすべての要素(非置換インライン要素、表関連要素を除く)×
min-heightボックスの内容領域の高さの最小値-0すべての要素(非置換インライン要素、表関連要素を除く)×
min-widthボックスの内容領域の高さの最小値-ブラウザに依存すべての要素(非置換インライン要素、表関連要素を除く)×
orphans改ページの際のページ下部の最低行数-2ブロックレベル要素
outlineアウトライン関連プロパティの一括指定-各プロパティを参照すべての要素×
outline-colorアウトラインの色-invertすべての要素×
outline-styleアウトラインの形状-noneすべての要素×
outline-widthアウトラインの太さ-mediumすべての要素×
overflow切り抜き方法-visibleブロックレベル要素、置換要素×
paddingパディングの一括指定なしすべての要素(表関連要素のうちセル要素以外を除く)×
padding-top, padding-right, padding-bottom, padding-left上下左右パディングの個別指定0すべての要素(表関連要素のうちセル要素以外を除く)×
page@pageで指定したページボックスの各種設定-autoブロックレベル要素
page-break-after要素の直後で改ページ-autoブロックレベル要素×
page-break-before要素の直前で改ページ-autoブロックレベル要素×
page-break-inside要素の途中で改ページ-autoブロックレベル要素
pause要素の前後での読み上げ休止時間の一括指定-ブラウザに依存すべての要素×
pause-after要素の直後での読み上げ休止時間-ブラウザに依存すべての要素×
pause-before要素の直前での読み上げ休止時間-ブラウザに依存すべての要素×
pitch読み上げ時の声の高さ-mediumすべての要素
pitch-range読み上げ時の声の高さの変動幅-50すべての要素
play-during読み上げ時の背景音声-autoすべての要素×
position配置方法-staticすべての要素(contentプロパティでの生成内容を除く)×
quotes引用符の指定-ブラウザに依存すべての要素
ritchness読み上げ時の声の明瞭さ-50すべての要素
right右からの位置指定-autopositionプロパティの値が「static」以外の要素×
sizeページボックスのサイズと方向-auto@pageルール内-
speakスペルの読み上げ方-normalすべての要素
speak-header表内の見出しの読み上げ方-once表内で見出し情報がある要素
speak-numeral数字の読み上げ方-continuousすべての要素
speak-punctuation句読点や括弧、区切り記号などの読み上げ方-noneすべての要素
speech-rate読み上げ速度-mediumすべての要素
stress読み上げ時の抑揚の強さ-50すべての要素
table-layout表関連要素の表示方法(レイアウトアルゴリズム)-autoすべての要素×
text-alignテキストの行揃えブラウザとテキストの表記方向に依存ブロックレベル要素
text-decorationテキストを装飾するnoneすべての要素×
text-indentテキストの最初の行のインデント幅0ブロックレベル要素
text-shadowテキストに影をつける-noneすべての要素×
text-transformテキストの大文字と小文字の変換noneすべての要素
top上からの位置指定-autopositionプロパティの値が「static」以外の要素×
unicode-bidiUnicodeの表記方向に関する指示の組み込みや上書き-normalすべての要素
vertical-alignインラインボックスや表内のセルの垂直位置baselineインライン要素、セル要素×
visibilityボックスの可視・不可視-visibleすべての要素
voice-family音声読み上げ時の声の種類-ブラウザに依存すべての要素
volume音声読み上げ時の音量-mediumすべての要素
white-space空白文字の処理方法normalすべての要素
widows改ページの際のページ上部の最低行数-2ブロックレベル要素
widthボックスの内容領域の幅autoすべての要素(非置換インライン要素、表の列要素と列グループ要素を除く)×
word-spacingテキストの単語間隔normalすべての要素
z-index重なり順序-autopositionプロパティの値が「static」以外の要素×

参考資料

[CSS1]
Cascading Style Sheets, level 1, W3C Recommendation, Håkon Wium Lie and Bert Bos, 17 Dec 1996, revised 11 Jan 1999.
See: http://www.w3.org/TR/REC-CSS1
[CSS2]
Cascading Style Sheets, level 2, W3C Recommendation, Bert Bos, et al., 12 May 1998.
See: http://www.w3.org/TR/CSS2
[CSS2-Errata]
Errata in REC-CSS2-19980512, W3C, last modified 24 July 2003.
See: http://www.w3.org/TR/1998/REC-CSS2-19980512
[CSS21]
Cascading Style Sheets, level 2 revision 1, W3C Working Draft, Bert Bos, et al., 13 June 2005.
See: http://www.w3.org/TR/CSS21