CSSプロパティ辞典

---

文字

• color …文字色を指定する。
• font …フォントに関する指定をまとめて行う。
• font-style …フォントをイタリック体・斜体などにする。
• font-variant …文章をスモールキャピタル表示にする。
• font-size …フォントのサイズを指定。
• font-family …フォントの種類を設定する。
• vertical-align …縦方向の位置揃え。
• text-decoration …テキストの下線・上線・打ち消し線・点滅を指定。

背景

• background …背景に関する指定をまとめて行う。
• background-attachment …背景画像の固定・移動を指定する。
• background-color …背景色を設定する。
• background-image …背景画像を指定する。
• background-position …背景画像の位置を指定する。
• background-position-x …背景画像の横位置を指定する。（IE独自仕様）
• background-position-y …背景画像の縦位置を指定する。（IE独自仕様）
• background-repeat …背景画像の繰り返し方法を指定する。

文章整形

• line-height …行の高さを指定する。
• text-align …文章の行揃えの位置を指定。
• text-underline-position …下線の表示位置を指定する
• text-indent …1行目の文字の開始位置(インデント)を設定。
• text-transform …テキストの大文字表示・小文字表示を指定する
• white-space …のスペース・タブ・改行の表示の仕方を指定。
• letter-spacing …文字間隔を設定。
• word-spacing …単語の間隔を指定する。
• text-autospace …日本語と英語などの間に文字間隔を開ける。
• line-break …禁則処理(句読点・括弧等の位置)のしかたを指定。
• word-break …単語の途中での改行の仕方について指定。
• word-wrap …英単語の途中での改行を制御する。
• writing-mode …文字表記の方向（縦横）を指定するIE独自のプロパティ。

配置

• position …ボックスの配置方法（基準位置）を指定。
• top …上からの位置を指定。
• bottom …下からの位置を指定。
• left …左からの位置を指定。
• right …右からの位置を指定。
• float …左または右に寄せて配置する。
• z-index …重なり順序を指定する。

余白

• margin …ボックス外側の余白を指定する。
• margin-top …上マージンを設定する。
• margin-bottom …下マージンを設定する。
• margin-left …左マージンを設定する。
• margin-right …右マージンを設定する。
• padding …ボックス内側の余白を指定する。
• padding-top …上パディングを設定する。
• padding-bottom …下パディングを設定する。
• padding-left …左パディングを設定する。
• padding-right …右パディングを設定する。

リスト

• list-style …リストのマーカーの指定をまとめて行う。
• list-style-image …リストのマーカーを画像で表示する。
• list-style-position …リストのマーカーの表示位置を指定。
• marker-offset …リストマーカーとリスト内容の間隔を指定する
• counter-increment …要素の連番（カウンタ）の値を進める。
• list-style-type …

テーブル

• table-layout …テーブル（表）の列幅の設定方法。
• border-collapse …セルのボーダーの表示の仕方を指定する。
• border-spacing …セルのボーダーの間隔を指定する。
• empty-cells …空白セルのボーダーの表示・非表示を指定。

ボーダー

• border …ボーダーのスタイル・太さ・色を設定。
• border-color …ボーダーの色を指定する。
• border-style …ボーダーのスタイルを指定する。
• border-width …ボーダーの太さを指定する
• border-top …上ボーダーのスタイル・太さ・色を設定。
• border-top-color …上ボーダーの色を設定。
• border-top-width …上ボーダーの太さを指定する。
• border-bottom …下ボーダーのスタイル・太さ・色を設定。
• border-bottom-color …下ボーダーの色を設定。
• border-bottom-style …下ボーダーのスタイルを指定する。
• border-top-style …上ボーダーのスタイルを指定する。
• border-bottom-width …下ボーダーの太さを指定する。
• border-left …左ボーダーのスタイル・太さ・色を設定。
• border-left-color …左ボーダーの色を指定する
• border-left-style …左ボーダーのスタイルを指定する。
• border-left-width …左ボーダーの太さを指定する。
• border-right …右ボーダーのスタイル・太さ・色を設定。
• border-right-color …右ボーダーの色を設定。
• border-right-style …右ボーダーのスタイルを指定する。
• border-right-width …右ボーダーの太さを指定する。
• outline …アウトライン(縁取り)のスタイル・太さ・色を指定する。
• outline-color …アウトライン(縁取り)の色を指定する。
• outline-style …アウトライン(縁取り)のスタイルを指定する。
• outline-width …ボーダーの太さを指定する。

角丸

• border-radius …角丸にする。
• -webkit-border-radius …角丸にする。
• -moz-border-radius …角丸にする。

アウトライン

• outline …アウトライン(縁取り)のスタイル・太さ・色を指定する。
• outline-color …アウトライン(縁取り)の色を指定する。
• outline-style …アウトライン(縁取り)のスタイルを指定する。
• outline-width …ボーダーの太さを指定する。

カーソル

• cursor …マウスカーソルの形状を設定する。

定番

• color …文字色を指定する。
• font-weight …フォントの太さを指定。
• text-align …文章の行揃えの位置を指定。
• height …高さを指定する。
• width …幅を指定する。

便利

• letter-spacing …文字間隔を設定。
• line-break …禁則処理(句読点・括弧等の位置)のしかたを指定。
• word-break …単語の途中での改行の仕方について指定。

---