CSSプロパティ一覧

CSS2.1のプロパティ一覧です。「Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification」に記載されている順序で掲載してあります。

Box model

margin-top, margin-right, margin-bottom, margin-left

要素のマージン(外側の余白)を指定するプロパティです。適用要素の display の値が inline の場合、上下マージンは無効になります。

<実数値と単位>
auto(自動)
inherit(継承)
初期値 0
適用要素 display の値が inline, inline-block, inline-table, block, list-item, table, table-caption の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の幅、absolute, fixed の場合は基点となる要素の幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

margin

要素のマージン(外側の余白)を一括指定するショートハンドプロパティです。

<margin-top margin-right margin-bottom margin-left>
<margin-top margin-bottom> <margin-right margin-left>
<margin-top> <margin-right margin-left> <margin-bottom>
<margin-top> <margin-right> <margin-bottom> <margin-left>
初期値 margin-top, margin-right, margin-bottom, margin-left を参照
適用要素 display の値が inline, inline-block, inline-table, block, list-item, table, table-caption の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の幅、absolute, fixed の場合は基点となる要素の幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

padding-top, padding-right, padding-bottom, padding-left

要素のパディング(内側の余白)を指定するプロパティです。

<正の実数値と単位>
inherit(継承)
初期値 0
適用要素 display の値が inline, inline-block, inline-table, block, list-item, table, table-caption, table-cell の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の幅、absolute, fixed の場合は基点となる要素の幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

padding

要素のパディング(内側の余白)を一括指定するショートハンドプロパティです。

<padding-top padding-right padding-bottom padding-left>
<padding-top padding-bottom> <padding-right padding-left>
<padding-top> <padding-right padding-left> <padding-bottom>
<padding-top> <padding-right> <padding-bottom> <padding-left>
初期値 padding-top, padding-right, padding-bottom, padding-left を参照
適用要素 display の値が inline, inline-block, inline-table, block, list-item, table, table-caption, table-cell の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の幅、absolute, fixed の場合は基点となる要素の幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

border-top-width, border-right-width, border-bottom-width, border-left-width

要素のボーダー幅を指定するプロパティです。

<正の実数値と単位>
thin(細い)
medium(中間)
thick(太い)
inherit(継承)
初期値 medium
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

border-width

要素のボーダー幅を一括指定するショートハンドプロパティです。

<border-top-width border-right-width border-bottom-width border-left-width>
<border-top-width border-bottom-width> <border-right-width border-left-width>
<border-top-width> <border-right-width border-left-width> <border-bottom-width>
<border-top-width> <border-right-width> <border-bottom-width> <border-left-width>
初期値 border-top-width, border-right-width, border-bottom-width, border-left-width を参照
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

border-top-style, border-right-style, border-bottom-style, border-left-style

要素のボーダースタイルを指定するプロパティです。

dotted(点線)
dashed(破線)
solid(実線)
double(ボーダー幅を三等分した二重線)
groove(谷型)
ridge(山型)
inset(内側ベベル)
outset(外側ベベル)
hidden(テーブルのボーダー結合部を含むボーダーを非表示)
none(無指定)
inherit(継承)
初期値 none
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

border-style

要素のボーダースタイルを一括指定するショートハンドプロパティです。

<border-top-style border-right-style border-bottom-style border-left-style>
<border-top-style border-bottom-style> <border-right-style border-left-style>
<border-top-style> <border-right-style border-left-style> <border-bottom-style>
<border-top-style> <border-right-style> <border-bottom-style> <border-left-style>
初期値 border-top-style, border-right-style, border-bottom-style, border-left-style を参照
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

border-top-color, border-right-color, border-bottom-color, border-left-color

要素のボーダーカラーを指定するプロパティです。

#<0~f(赤)><0~f(緑)><0~f(青)>
#<00~ff(赤)><00~ff(緑)><00~ff(青)>
rgb(<0~255(赤)>, <0~255(緑)>, <0~255(青)>)
rgb(<0~255(赤)>%, <0~255(緑)>%, <0~255(青)>%)
<キーワード()>
transparent(透明)
inherit(継承)
初期値 color の値
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

border-color

要素のボーダーカラーを一括指定するショートハンドプロパティです。

<border-top-color border-right-color border-bottom-color border-left-color>
<border-top-color border-bottom-color> <border-right-color border-left-color>
<border-top-color> <border-right-color border-left-color> <border-bottom-color>
<border-top-color> <border-right-color> <border-bottom-color> <border-left-color>
初期値 border-top-color, border-right-color, border-bottom-color, border-left-color を参照
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

border-top, border-right, border-bottom, border-left, border

要素のボーダーを一括指定するショートハンドプロパティです。指定値の有無や並び順は任意です。

<border-width> <border-style> <border-color>
inherit(継承)
初期値 個別プロパティを参照
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

Visual formatting model

display

要素の表示形式を指定するプロパティです。

inline(span要素等の初期値)
inline-block(img要素等の初期値)
inline-table(inlineとして扱われるtable)
block(div要素等の初期値)
list-item(li要素の初期値)
table(table要素の初期値)
table-caption(caption要素の初期値)
table-column-group(colgroup要素の初期値)
table-column(col要素の初期値)
table-row-group(tbody要素の初期値)
table-header-group(thead要素の初期値)
table-footer-group(tfoot要素の初期値)
table-row(tr要素の初期値)
table-cell(td要素とth要素の初期値)
none(無指定)
inherit(継承)
初期値 inline(span要素等の初期値)
適用要素 全要素
継承 しない
%値 使用不可
@media all

プロパティ一覧に戻る

position

要素の配置方法を指定するプロパティです。値に absolute, fixed を指定した場合、display の値が inline-table なら table として、inline-table, list-item, table 以外なら block として扱われます。

static(標準)
relative(標準の位置を基点とする相対配置)
absolute(ルート要素か絶対配置された最も近い祖先要素を基点とする絶対配置)
fixed(閲覧領域を基点とする絶対配置)
inherit(継承)
初期値 static
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

top

基点上端からの位置を指定するプロパティです。position の値により基点は異なります。position の値が relative で top の値が auto 以外の場合 bottom の指定が無効になります。

<実数値と単位>
auto(自動)
inherit(継承)
初期値 auto
適用要素 position の値が static 以外の要素
継承 しない
%値 基点となる要素の縦幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

right

基点右端からの位置を指定するプロパティです。position の値によって基点は異なります。position の値が relative で direction の値が ltr の場合 right の指定、rtl の場合 left の指定が無効になります。

<実数値と単位>
auto(自動)
inherit(継承)
初期値 auto
適用要素 position の値が static 以外の要素
継承 しない
%値 基点となる要素の横幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

bottom

基点下端からの位置を指定するプロパティです。position の値によって基点は異なります。position の値が relative で top の値が auto 以外の場合 bottom の指定が無効になります。

<実数値と単位>
auto(自動)
inherit(継承)
初期値 auto
適用要素 position の値が static 以外の要素
継承 しない
%値 基点となる要素の縦幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

left

基点左端からの位置を指定するプロパティです。position の値によって基点は異なります。position の値が relative で direction の値が ltr の場合 right の指定、rtl の場合 left の指定が無効になります。

<実数値と単位>
auto(自動)
inherit(継承)
初期値 auto
適用要素 position の値が static 以外の要素
継承 しない
%値 基点となる要素の横幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

float

要素の浮動と後続する内容の流し込みを指定するプロパティです。浮動した要素(浮動要素)は display の値が inline-table なら table として、inline-table, list-item, table 以外なら block として扱われます。

left(要素を左側に浮動させ後続する内容を右側に流し込む)
right(要素を右側に浮動させ後続する内容を左側に流し込む)
none(無指定)
inherit(継承)
初期値 none
適用要素 position の値が static, relative の要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

clear

要素の浮動による流し込みを制御するプロパティです。

left(要素の上ボーダーが先行する左浮動要素の下マージンより下に配置)
right(要素の上ボーダーが先行する右浮動要素の下マージンより下に配置)
both(要素の上ボーダーが先行する浮動要素の下マージンより下に配置)
none(無指定)
inherit(継承)
初期値 none
適用要素 display の値が block, list-item, table の要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

z-index

要素のZ軸(奥行)を指定するプロパティです。値の数値が大きいほど前面に配置されます。

<整数値>
auto(自動)
inherit(継承)
初期値 auto
適用要素 position の値が static 以外の要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

direction

要素の書字方向を指定するプロパティです。display の値が inline, inline-block, inline-table の要素に適用する場合は unicode-bidi の値に embed か bidi-override を指定する必要があります。

ltr(左から右)
rtl(右から左)
inherit(継承)
初期値 ltr
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

unicode-bidi

要素の書字方向の指定を新たに組み込むか上書きするプロパティです。

embed(書字方向の指定を direction の値で組み込む)
bidi-override(書字方向の指定を無効にして direction の値で上書きする)
normal(通常)
inherit(継承)
初期値 normal
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

Visual formatting model details

width

要素の横幅を指定するプロパティです。

<正の実数値と単位>
auto(自動)
inherit(継承)
初期値 auto
適用要素 display の値が inline-block, inline-table, block, list-item, table, table-caption, table-column-group, table-column, table-cell の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の横幅、absolute, fixed の場合は基点となる要素の横幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

min-width

要素の最小の横幅を指定するプロパティです。

<正の実数値と単位>
inherit(継承)
初期値 0
適用要素 display の値が inline-block, inline-table, block, list-item, table, table-caption, table-column-group, table-column, table-cell の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の横幅、absolute, fixed の場合は基点となる要素の横幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

max-width

要素の最大の横幅を指定するプロパティです。

<正の実数値と単位>
none(無指定)
inherit(継承)
初期値 none
適用要素 display の値が inline-block, inline-table, block, list-item, table, table-caption, table-column-group, table-column, table-cell の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の横幅、absolute, fixed の場合は基点となる要素の横幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

height

要素の縦幅を指定するプロパティです。

<正の実数値と単位>
auto(自動)
inherit(継承)
初期値 auto
適用要素 display の値が inline-block, inline-table, block, list-item, table, table-caption, table-row-group, table-header-group, table-footer-group, table-row, table-cell の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の height の値、absolute, fixed の場合は基点となる要素の縦幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

min-height

要素の縦幅の最小値を指定するプロパティです。

<正の実数値と単位>
inherit(継承)
初期値 0
適用要素 display の値が inline-block, inline-table, block, list-item, table, table-caption, table-row-group, table-header-group, table-footer-group, table-row, table-cell の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の height の値、absolute, fixed の場合は基点となる要素の縦幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

max-height

要素の最大の縦幅を指定するプロパティです。

<正の実数値と単位>
none(無指定)
inherit(継承)
初期値 none
適用要素 display の値が inline-block, inline-table, block, list-item, table, table-caption, table-row-group, table-header-group, table-footer-group, table-row, table-cell の要素
継承 しない
%値 position の値が static, relative の場合は display の値が inline-block, block, list-item, table-caption, table-cell の最も近い祖先要素の height の値、absolute, fixed の場合は基点となる要素の縦幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

line-height

要素内の行の最小幅(行間)を指定するプロパティです。値の <正の実数値> は font-size を 1 とする相対値です。normal はUAに依存します。

<正の実数値>
<正の実数値と単位>
normal(通常)
inherit(継承)
初期値 normal
適用要素 全要素
継承 する
%値 要素自身の font-size から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

vertical-align

要素の行とテーブルセル内の垂直方向の位置を指定するプロパティです。

<実数値と単位>
baseline(ベースライン揃え)
sub(下付き文字)
super(上付き文字)
top(上端揃え)
middle(中央揃え)
bottom(下端揃え)
text-top(テキスト上端揃え)
text-bottom(テキスト下端揃え)
inherit(継承)
初期値 baseline
適用要素 display の値が inline, inline-block, inline-table, table-cell の要素
継承 しない
%値 要素自身の line-height から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

Visual effects

overflow

要素の表示領域に内容が収まらない場合の処理方法を指定するプロパティです。

visible(表示)
hidden(表示領域に収まらない部分を非表示)
scroll(表示領域に収まらない部分を非表示にしてスクロールバーを表示)
auto(自動)
inherit(継承)
初期値 visible
適用要素 display の値が inline-block, block, list-item の要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

clip

要素の切り抜く範囲を指定するプロパティです。値の rect() には、切り抜く辺からボーダー辺までの間隔(<実数値と単位>)か auto を指定します。auto は切り抜く辺とボーダー辺が同じこと意味します。

rect(<間隔(上)>, <間隔(右)>, <間隔(下)>, <間隔(左)>)
auto(自動)
inherit(継承)
初期値 auto
適用要素 position の値が absolute か fixed の要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

visibility

要素の可視性を指定するプロパティです。値に hidden を指定し、子孫要素に visible を指定した場合は、子孫要素のみ表示されます。値の collapse は display の値が table-column-group, table-column, table-row-group, table-header-group, table-footer-group, table-row の要素に有効で、それ以外の要素では hidden と同じ結果になります。

visible(表示)
hidden(表示領域を確保したまま非表示)
collapse(表示領域を確保せずテーブルの列グループ・列・行グループ・行を非表示)
inherit(継承)
初期値 visible
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

Generated content, automatic numbering, and lists

content

疑似的に内容を生成するプロパティです。normal, none, inherit 以外の値は半角スペース区切りで複数指定できます。

"<文字列>"
url(<URI(画像等)>)
counter(<ID(カウンタ名)>, <list-style-type>)
counters(<ID(カウンタ名)>, <文字列>, <list-style-type>)
attr(<ID(属性名)>)
open-quote(開き引用符を生成)
close-quote(閉じ引用符を生成)
no-open-quote(開き引用符を生成せずレベルのみ切り替え)
no-close-quote(閉じ引用符を生成せずレベルのみ切り替え)
normal(通常)
none(無指定)
inherit(継承)
初期値 normal
適用要素 :before擬似要素か:after擬似要素
継承 しない
%値 使用不可
@media all

プロパティ一覧に戻る

quotes

引用符の文字列を指定するプロパティです。content の値が open-quote か close-quote の場合に表示されます。引用文がネストされる毎に引用符の文字列を変更したい場合は、開き引用符と閉じ引用符のペアを半角スペース区切りで複数指定します。

"<文字列(開き引用符)>" "<文字列(閉じ引用符)>"
none(無指定)
inherit(継承)
初期値 UA依存
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

counter-reset

content の値である counter の数値をリセットするプロパティです。counter-increment と合わせて使用します。値の <ID(カウンタ名)> <整数値(リセット値)> は半角スペース区切りで複数指定できます。<整数値(リセット値)> は省略可能で既定値は 0 です。

<ID(カウンタ名)> <整数値(リセット値)>
none(無指定)
inherit(継承)
初期値 none
適用要素 全要素
継承 しない
%値 使用不可
@media all

プロパティ一覧に戻る

counter-increment

content の値である counter の数値をインクリメントするプロパティです。counter-reset と合わせて使用します。値の <ID(カウンタ名)> <整数値(インクリメント値)> は半角スペース区切りで複数指定できます。<整数値(インクリメント値)> は省略可能で既定値は 0 です。

<ID(カウンタ名)> <整数値(インクリメント値)>
none(無指定)
inherit(継承)
初期値 none
適用要素 全要素
継承 しない
%値 使用不可
@media all

プロパティ一覧に戻る

list-style-type

リスト項目のマーカーを指定するプロパティです。list-style-image の値が none か指定した画像が表示できない場合に表示されます。

disc(黒丸)
circle(白丸)
square(四角)
decimal(1, 2, 3, ...)
decimal-leading-zero(01, 02, 03, ... 99)
lower-roman(i, ii, iii, ...)
upper-roman(I, II, III, ...)
lower-latin(a, b, c, ... z)
upper-latin(A, B, C, ... Z)
lower-alpha(a, b, c, ... z)
upper-alpha(A, B, C, ... Z)
lower-greek(α, β, γ, ...)
armenian(伝統的なアルメニア数字)
georgian(伝統的なグルジア数字)
none(無指定)
inherit(継承)
初期値 disc
適用要素 display の値が list-item の要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

list-style-image

リスト項目のマーカーに画像を指定するプロパティです。

url(<URI(画像)>)
none(無指定)
inherit(継承)
初期値 none
適用要素 display の値が list-item の要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

list-style-position

リスト項目のマーカーの配置を指定するプロパティです。

outside(要素の外側)
inside(要素の内側で:before疑似要素より前)
inherit(継承)
初期値 outside
適用要素 display の値が list-item の要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

list-style

リスト項目のマーカーを一括指定するショートハンドプロパティです。

<list-style-type> <list-style-position> <list-style-image>
inherit(継承)
初期値 個別プロパティを参照
適用要素 display の値が list-item の要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

Paged media

page-break-before

文書が複数ページに分割される場合の要素直前での改ページを制御するプロパティです。

always(要素直前で改ページする)
avoid(要素直前で改ページしない)
left(次のページが見開きの左ページになるよう要素直前で改ページする)
right(次のページが見開きの右ページになるよう要素直前で改ページする)
auto(自動)
inherit(継承)
初期値 auto
適用要素 基本的には display の値が block, list-item, table の要素、その他の要素はUAによる
継承 しない
%値 使用不可
@media embossed, handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

page-break-after

文書が複数ページに分割される場合の要素直後での改ページを制御するプロパティです。

always(要素直後で改ページする)
avoid(要素直後で改ページしない)
left(次のページが見開きの左ページになるよう要素直後で改ページする)
right(次のページが見開きの右ページになるよう要素直後で改ページする)
auto(自動)
inherit(継承)
初期値 auto
適用要素 基本的には display の値が block, list-item, table の要素、その他の要素はUAによる
継承 しない
%値 使用不可
@media embossed, handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

page-break-inside

文書が複数ページに分割される場合の要素内での改ページを制御するプロパティです。

avoid(要素内で改ページしない)
auto(自動)
inherit(継承)
初期値 auto
適用要素 基本的には display の値が block, list-item, table の要素、その他の要素はUAによる
継承 しない
%値 使用不可
@media embossed, handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

orphans

改ページした場合にページ下部になければならない最低行数を指定するプロパティです。

<正の整数値>
inherit(継承)
初期値 2
適用要素 display の値が block, list-item の要素
継承 する
%値 使用不可
@media embossed, handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

widows

改ページした場合にページ上部になければならない最低行数を指定するプロパティです。

<正の整数値>
inherit(継承)
初期値 2
適用要素 display の値が block, list-item の要素
継承 する
%値 使用不可
@media embossed, handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

Colors and Backgrounds

color

要素の前景色(文字色)を指定するプロパティです。

#<0~f(赤)><0~f(緑)><0~f(青)>
#<00~ff(赤)><00~ff(緑)><00~ff(青)>
rgb(<0~255(赤)>, <0~255(緑)>, <0~255(青)>)
rgb(<0~255(赤)>%, <0~255(緑)>%, <0~255(青)>%)
<キーワード()>
inherit(継承)
初期値 UA依存
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

background-color

要素の背景色を指定するプロパティです。

#<0~f(赤)><0~f(緑)><0~f(青)>
#<00~ff(赤)><00~ff(緑)><00~ff(青)>
rgb(<0~255(赤)>, <0~255(緑)>, <0~255(青)>)
rgb(<0~255(赤)>%, <0~255(緑)>%, <0~255(青)>%)
<キーワード()>
transparent(透明)
inherit(継承)
初期値 transparent
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

background-image

要素の背景画像を指定するプロパティです。背景画像は背景色の上に表示されます。

url(<URI(画像)>)
none(無指定)
inherit(継承)
初期値 none
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

background-repeat

背景画像の繰り返しを指定するプロパティです。

repeat(繰り返す)
repeat-x(X軸方向にのみ繰り返す)
repeat-y(Y軸方向にのみ繰り返す)
no-repeat(繰り返さない)
inherit(継承)
初期値 repeat
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

background-attachment

背景画像の固定方法を指定するプロパティです。

scroll(要素に固定してスクロールさせる)
fixed(要素の表示領域に固定してスクロールさせない)
inherit(継承)
初期値 scroll
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

background-position

背景画像の位置を指定するプロパティです。<キーワード(X軸方向)> は center, left, right のいずれか、<キーワード(Y軸方向)> は center, top, bottom のいずれかを指定します。<キーワード> が1つしか指定されていない場合、未指定の値は center になります。

<実数値と単位> <実数値と単位>
<キーワード(X軸方向)> <キーワード(Y軸方向)>
center(X軸方向かY軸方向で50%の位置)
left(X軸方向で0%の位置)
right(X軸方向で100%の位置)
top(Y軸方向で0%の位置)
bottom(Y軸方向で100%の位置)
inherit(継承)
初期値 0% 0%
適用要素 全要素
継承 しない
%値 要素自身の幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

background

要素の背景を一括指定するショートハンドプロパティです。指定値の有無や並び順は任意です。

<background-color> <background-image> <background-repeat> <background-attachment> <background-position>
inherit(継承)
初期値 個別プロパティを参照
適用要素 全要素
継承 しない
%値 要素自身の幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

Fonts

font-family

フォントを指定するプロパティです。値の <文字列(フォント)> はカンマ区切りで複数指定でき、先に指定したフォントが優先されます。<キーワード(総称ファミリ)> は serif, sans-serif, cursive, fantasy, monospace のいずれかの値を指定します。該当するフォントがない場合は総称ファミリに属するフォントで代替されます。

"<文字列(フォント)>", <キーワード(総称ファミリ)>
serif(セリフがある活字書体の総称ファミリ)
sans-serif(セリフがない活字書体の総称ファミリ)
cursive(筆記体や毛筆体の総称ファミリ)
fantasy(装飾フォントの総称ファミリ)
monospace(等幅フォントの総称ファミリ)
inherit(継承)
初期値 UA依存
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

font-style

フォントのスタイル(斜体)を指定するプロパティです。値に italic を指定して、フォントにイタリック体が無い場合は斜体で表示されます。

normal(通常)
italic(イタリック体)
oblique(斜体)
inherit(継承)
初期値 normal
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

font-variant

フォントのスモールキャピタル(大文字を縮小したような小文字)を指定するプロパティです。

normal(通常)
small-caps(スモールキャピタルで表示)
inherit(継承)
初期値 normal
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

font-weight

フォントのウェイト(太さ)を指定するプロパティです。

normal(通常)
bold(太字)
100(200より細い)
200(100より太く300より細い)
300(200より太く400より細い)
400(normalと同じ)
500(400より太く500より細い)
600(500より太く600より細い)
700(boldと同じ)
800(700より太く900より細い)
900(800より太い)
bolder(一段階太く)
lighter(一段階細く)
inherit(継承)
初期値 normal
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

font-size

フォントのサイズを指定するプロパティです。

<正の実数値と単位>
xx-small(x-smallより小さい)
x-small(xx-smallより大きくsmallより小さい)
small(x-smallより大きくmediumより小さい)
medium(中間)
large(mediumより大きくx-largeより小さい)
x-large(largeより大きくxx-largeより小さい)
xx-large(x-largeより大きい)
larger(一段階大きく)
smaller(一段階小さく)
inherit(継承)
初期値 medium
適用要素 全要素
継承 する
%値 継承されたフォントサイズから算出する。
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

font

フォントの設定を一括指定するショートハンドプロパティです。システムフォントの指定にも使用されます。値の <font-style> <font-variant> <font-weight> <line-height> は省略可能です。

<font-style> <font-variant> <font-weight> <font-size>/<line-height> <font-family>
caption(キャプションで使用されるシステムフォントで表示)
icon(アイコン名で使用されるシステムフォントで表示)
menu(メニューで使用されるシステムフォントで表示)
message-box(ダイアログボックスで使用されるシステムフォントで表示)
small-caption(小さなキャプションで使用されるシステムフォントで表示)
status-bar(ステータスバーで使用されるシステムフォントで表示)
inherit(継承)
初期値 個別プロパティを参照
適用要素 全要素
継承 する
%値 個別プロパティを参照
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

Text

text-indent

要素内一行目のインデント(字下げ)を指定するプロパティです。

<実数値と単位>
inherit(継承)
初期値 0
適用要素 display の値が inline-block, block, list-item, table-caption, table-cell の要素
継承 する
%値 要素自身の幅から算出
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

text-align

行揃えを指定するためのプロパティです。

left(左端揃え)
right(右端揃え)
center(中央揃え)
justify(両端揃え)
inherit(継承)
初期値 direction の値が ltr の場合は left、rtl の場合は right
適用要素 ブロックレベル要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

text-decoration

テキストの装飾を指定するためのプロパティです。none, inherit 以外の値は複数指定できます。

underline(下線)
overline(上線)
line-through(取消線)
blink(点滅)
none(無指定)
inherit(継承)
初期値 none
適用要素 全要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

letter-spacing

テキストの文字間隔を指定するためのプロパティです。

<実数値と単位>
normal(通常)
inherit(継承)
初期値 normal
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

word-spacing

テキストの単語間隔を指定するためのプロパティです。

<実数値と単位>
normal(通常)
inherit(継承)
初期値 normal
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

text-transform

テキストの大文字と小文字を変換するためのプロパティです。

capitalize(単語の一文字目を大文字に変換)
uppercase(全て大文字に変換)
lowercase(全て小文字に変換)
none(無指定)
inherit(継承)
初期値 none
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

white-space

空白文字(半角スペース・タブスペース・改行)の扱いを指定するためのプロパティです。

pre(連続する空白文字をまとめず自動改行しない)
nowrap(連続する空白文字を半角スペース1つにまとめて自動改行しない)
pre-wrap(連続する空白文字をまとめず自動改行する)
pre-line(連続する空白文字を半角スペース1つにまとめて自動改行し要素内の改行も反映する)
normal(通常)
inherit(継承)
初期値 normal
適用要素 全要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

Tables

caption-side

テーブルキャプションの位置を指定するプロパティです。

top(テーブル上部)
bottom(テーブル下部)
inherit(継承)
初期値 top
適用要素 display の値が table-caption の要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

table-layout

テーブルセルのレイアウト方法を指定するプロパティです。値が auto の場合はテーブルセル内の内容量に依存する。

fixed(横幅が指定されてないテーブルセルを等分)
auto(自動)
inherit(継承)
初期値 auto
適用要素 display の値が inline-table, table の要素
継承 しない
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

border-collapse

テーブルボーダーの表示方法を指定するプロパティです。

collapse(隣接するボーダーを結合)
separate(隣接するボーダーを分割)
inherit(継承)
初期値 separate
適用要素 display の値が inline-table, table の要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

border-spacing

テーブルセルの間隔を指定するプロパティです。border-collapse で値が separate の場合に有効になります。

<正の実数値と単位>
<正の実数値と単位(X軸方向)> <正の実数値と単位(Y軸方向)>
inherit(継承)
初期値 0
適用要素 display の値が inline-table, table の要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

empty-cells

空のテーブルセルの表示方法を指定するプロパティです。border-collapse で値が separate の場合に有効です。

show(表示)
hide(非表示)
inherit(継承)
初期値 show
適用要素 display の値が table-cell の要素
継承 する
%値 使用不可
@media handheld, print, projection, screen, tty, tv

プロパティ一覧に戻る

User interface

cursor

ポインティングデバイスのカーソルタイプを指定するプロパティです。値の url(<URI(カーソル)>) はカンマ区切りで複数指定でき、その後に続く <キーワード(カーソル)> には url(), inherit 以外のいずれかの値を指定します。

url(<URI(カーソル)>), <キーワード(カーソル)>
auto(自動)
default(標準)
pointer(ポインタ)
crosshair(十字ポインタ)
move(移動)
n-resize(上リサイズ)
e-resize(右リサイズ)
s-resize(下リサイズ)
w-resize(左リサイズ)
nw-resize(左上リサイズ)
ne-resize(右上リサイズ)
se-resize(右下リサイズ)
sw-resize(左下リサイズ)
text(テキスト選択)
help(ヘルプ)
wait(処理中)
progress(進行中)
inherit(継承)
初期値 auto
適用要素 全要素
継承 する
%値 使用不可
@media braille, handheld, print, projection, screen, speech, tty, tv

プロパティ一覧に戻る

outline-width

アウトラインのボーダー幅を指定するプロパティです。

<border-width>
inherit(継承)
初期値 medium
適用要素 全要素
継承 しない
%値 使用不可
@media braille, handheld, print, projection, screen, speech, tty, tv

プロパティ一覧に戻る

outline-style

アウトラインのボーダースタイルを指定するプロパティです。

<border-style>
inherit(継承)
初期値 none
適用要素 全要素
継承 しない
%値 使用不可
@media braille, handheld, print, projection, screen, speech, tty, tv

プロパティ一覧に戻る

outline-color

アウトラインのボーダーカラーを指定するプロパティです。

<border-color>
invert(画面上のピクセル色を反転)
inherit(継承)
初期値 invert
適用要素 全要素
継承 しない
%値 使用不可
@media braille, handheld, print, projection, screen, speech, tty, tv

プロパティ一覧に戻る

outline

アウトラインを一括指定するショートハンドプロパティです。<outline-width> <outline-style> <outline-color> の指定値の有無や並び順は任意です。

<outline-width> <outline-style> <outline-color>
inherit(継承)
初期値 個別プロパティを参照
適用要素 全要素
継承 しない
%値 使用不可
@media braille, handheld, print, projection, screen, speech, tty, tv

プロパティ一覧に戻る