CSS 2 プロパティ一覧

プロパティの一覧
プロパティ名 説明 対象
テキスト・フォント 適用対象 継承
font フォント関連をまとめて指定 全ての要素 する
font-size フォントのサイズ 全ての要素 する
font-weight フォントの太さ 全ての要素 する
font-style フォントのスタイル 全ての要素 する
font-family フォントの種類 全ての要素 する
font-variant スモールキャピタル 全ての要素 する
text-align 水平方向の表示位置 ブロックレベル要素 する
vertical-align 垂直方向の表示位置 インライン要素、th要素、td要素 しない
line-height 行の高さ 全ての要素 する
text-decoration 文字の装飾 全ての要素 しない
text-indent 1行目の字下げ ブロックレベル要素 する
text-transform 大文字と小文字の変換 全ての要素 する
letter-spacing 文字の間隔 全ての要素 する
word-spacing 単語の間隔 全ての要素 する
white-space 改行・スペース・タブの扱い 全ての要素 する
色・背景 適用対象 継承
color 文字色 全ての要素 する
background 背景関連をまとめて指定 全ての要素 しない
background-color 背景色 全ての要素 しない
background-image 背景画像 全ての要素 しない
background-repeat 背景画像の並び方 全ての要素 しない
background-position 背景画像の表示位置 ブロックレベル要素、置換要素 しない
background-attachment 背景画像の固定表示 全ての要素 しない
幅・高さ 適用対象 継承
width 内容領域の幅 全ての要素 (非置換インライン要素、tr要素、thead要素、tfoot要素、tbody要素を除く) しない
height 内容領域の高さ 全ての要素 (非置換インライン要素、colgroup要素、col要素を除く) しない
max-width 最大の幅 全ての要素 (非置換インライン要素、表関連要素を除く) しない
min-width 最小の幅 全ての要素 (非置換インライン要素、表関連要素を除く) しない
max-height 最大の高さ 全ての要素 (非置換インライン要素、表関連要素を除く) しない
min-height 最小の高さ 全ての要素 (非置換インライン要素、表関連要素を除く) しない
マージン・パディング 適用対象 継承
margin マージンをまとめて指定 全ての要素 (table要素、caption要素以外の表関連要素を除く) しない
margin-top
margin-right
margin-bottom
margin-left
上下左右のマージン 全ての要素 (table要素、caption要素以外の表関連要素を除く) しない
padding パディングをまとめて指定 全ての要素 (tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素を除く) しない
padding-top
padding-right
padding-bottom
padding-left
上下左右のパディング 全ての要素 (tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素を除く) しない
境界線 適用対象 継承
border 境界線関連をまとめて指定 全ての要素 しない
border-top
border-right
border-bottom
border-left
上下左右の境界線 全ての要素 しない
border-width 境界線の太さをまとめて指定 全ての要素 しない
border-top-width
border-right-width
border-bottom-width
border-left-width
上下左右の境界線の太さ 全ての要素 しない
border-color 境界線の色をまとめて指定 全ての要素 しない
border-top-color
border-right-color
border-bottom-color
border-left-color
上下左右の境界線の色 全ての要素 しない
border-style 境界線のスタイルをまとめて指定 全ての要素 しない
border-top-style
border-right-style
border-bottom-style
border-left-style
上下左右の境界線のスタイル 全ての要素 しない
表示・配置 適用対象 継承
overflow はみ出た部分の表示方法 ブロックレベル要素、置換要素 しない
display 表示形式 全ての要素 しない
visibility 表示と非表示 全ての要素 する
clip 切り抜き 絶対位置決めされた要素 しない
float フロート(浮動化) 全ての要素 (絶対位置決めされた要素、生成内容を除く) しない
clear 回り込みの解除 ブロックレベル要素 しない
position 配置方法 全ての要素 (生成内容を除く) しない
top 上からの距離 位置決めされた要素 しない
right 右からの距離 位置決めされた要素 しない
bottom 下からの距離 位置決めされた要素 しない
left 左からの距離 位置決めされた要素 しない
z-index 重なりの順序 位置決めされた要素 しない
direction 基本書字方向 全ての要素 する
unicode-bidi 書字方向の組み込みと上書き 全ての要素 しない
リスト 適用対象 継承
list-style マーカー関連をまとめて指定 li要素、「display: list-item」が指定された要素 する
list-style-type マーカーの種類 li要素、「display: list-item」が指定された要素 する
list-style-position マーカーの位置 li要素、「display: list-item」が指定された要素 する
list-style-image マーカーの画像 li要素、「display: list-item」が指定された要素 する
テーブル 適用対象 継承
table-layout 表のレイアウト方法 table要素 しない
border-collapse 境界線の表示方法 table要素 する
border-spacing 境界線の間隔 table要素 する
empty-cells 空セルの境界線 th要素、td要素 する
caption-side 表タイトルの位置 caption要素 する
内容の追加 適用対象 継承
content 内容の生成 :before疑似要素、:after疑似要素 しない
quotes 引用符の設定 全ての要素 する
アウトライン 適用対象 継承
outline アウトライン関連をまとめて指定 全ての要素 しない
outline-width アウトラインの太さ 全ての要素 しない
outline-color アウトラインの色 全ての要素 しない
outline-style アウトラインのスタイル 全ての要素 しない
カーソル 適用対象 継承
cursor カーソルの形 全ての要素 する
印刷 適用対象 継承
page-break-before 直前の改ページ ブロックレベル要素 しない
page-break-after 直後の改ページ ブロックレベル要素 しない
page-break-inside 要素内の改ページ ブロックレベル要素 する

上記の全てのプロパティには、値として「inherit」を指定することができます。この値を指定すると、親要素に設定された値が強制的に継承されるようになります。(古いIEでは対応していません)

※この一覧には、ブラウザ独自のプロパティは掲載していません。また、それ以外のプロパティも一部掲載を省略しています。

用語に関する説明
項目 用語 説明
適用対象 全ての要素 全ての要素
ブロックレベル要素 ひとつのまとまりを構成する要素
インライン要素 文章中の一部として扱われる要素
置換要素 別のものに置き換えられる要素
imginputtextareaselectobject などの要素)
非置換インライン要素 「置換要素」以外のインライン要素
表関連要素 表に関連する全ての要素
絶対位置決めされた要素 positionプロパティで「absolute」または「fixed」が指定された要素
位置決めされた要素 positionプロパティで「relative」、「absolute」、または「fixed」が指定された要素
生成内容 CSSの指定によって追加された内容
継承 する そのスタイルが子要素にも適用されます
しない そのスタイルは子要素には適用されません