CYBER@GARDEN

• Skip to Content
• Skip to Sidebar

• home
• creating
• references
• selected
• forum
• blog
• about
• sitemap

home > references > CSSリファレンス

CSSリファレンス

@ルール

@ルール	機能	レベル
		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	表のボーダーの表示モデル	-	○	collapse	table要素	○
border-color	ボーダーの色の一括指定	○	○	各プロパティを参照	すべての要素	×
border-spacing	隣接するセルのボーダー間のスペース	-	○	0	table要素	○
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	下からの位置指定	-	○	auto	positionプロパティの値が「static」以外の要素	×
caption-side	表キャプションの位置	-	○	top	caption要素	○
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	フロートの方向	○	○	none	positionプロパティの値が「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	左からの位置指定	-	○	auto	positionプロパティの値が「static」以外の要素	×
letter-spacing	テキストの文字間隔	○	○	normal	すべての要素	○
line-height	行ボックス内のインラインボックスの高さ	○	○	normal	すべての要素	○
list-style	リスト関連プロパティの一括指定	○	○	なし	displayプロパティの値が「list-item」の要素（li要素）	○
list-style-image	リストマーカーの画像	○	○	none	displayプロパティの値が「list-item」の要素（li要素）	○
list-style-position	リストマーカーの位置	○	○	outside	displayプロパティの値が「list-item」の要素（li要素）	○
list-sytle-type	リストマーカーの種類	○	○	disc	displayプロパティの値が「list-item」の要素（li要素）	○
margin	マージンの一括指定	○	○	なし	すべての要素（表内部要素を除く）	×
margin-top, margin-right, margin-bottom, margin-left	上下左右マージンの個別指定	○	○	0	すべての要素（表内部要素を除く）	×
marker-offset	マーカーボックスと基本ブロックボックスの距離	-	○	auto	displayプロパティで値が「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	右からの位置指定	-	○	auto	positionプロパティの値が「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	上からの位置指定	-	○	auto	positionプロパティの値が「static」以外の要素	×
unicode-bidi	Unicodeの表記方向に関する指示の組み込みや上書き	-	○	normal	すべての要素	○
vertical-align	インラインボックスや表内のセルの垂直位置	○	○	baseline	インライン要素、セル要素	×
visibility	ボックスの可視・不可視	-	○	visible	すべての要素	○
voice-family	音声読み上げ時の声の種類	-	○	ブラウザに依存	すべての要素	○
volume	音声読み上げ時の音量	-	○	medium	すべての要素	○
white-space	空白文字の処理方法	○	○	normal	すべての要素	○
widows	改ページの際のページ上部の最低行数	-	○	2	ブロックレベル要素	○
width	ボックスの内容領域の幅	○	○	auto	すべての要素（非置換インライン要素、表の列要素と列グループ要素を除く）	×
word-spacing	テキストの単語間隔	○	○	normal	すべての要素	○
z-index	重なり順序	-	○	auto	positionプロパティの値が「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

menu

• @ルール
• セレクタ
• 擬似クラス
• 擬似要素
• プロパティ
• 参考資料