CSSプロパティ一覧

CSSプロパティの一覧表です。

プロパティの定義や、利用例を説明したページにリンクしています。

目次

以下で、表のヘッダをクリックすることでソート可能です。また、表の右上のSearchボックスで検索も可能です。プロパティ名をクリックすると、説明のページを参照できます。

【CSSプロパティ一覧】
区分 プロパティ 概要
色と背景 color フォントの色
色と背景 background-color 背景色
色と背景 background-image 背景画像
色と背景 background-repeat 背景画像繰り返し
色と背景 background-position 背景画像位置
色と背景 background-attachment 背景画像固定
色と背景 background-size 背景画像サイズ
色と背景 background-clip 背景表示領域
色と背景 background-origin 背景表示開始位置
色と背景 background 背景全般
フォント font-family フォント種類
フォント font-weight フォント太さ
フォント font-size フォントサイズ
フォント font-style イタリック体や斜体
フォント font フォント全般
テキスト line-height 行の高さ
テキスト text-align 文字・画像の水平位置
テキスト text-decoration 文字の飾り線
テキスト vertical-align 文字・画像の垂直位置
テキスト white-space 空白・改行処理
テキスト letter-spacing 文字間隔
テキスト text-indent 字下げ
テキスト word-spacing 単語間隔
テキスト text-transform 大小文字変換
ボックス余白 margin 上下左右外側余白
ボックス余白 margin-top 上の外側余白
ボックス余白 margin-right 右の外側余白
ボックス余白 margin-bottom 下の外側余白
ボックス余白 margin-left 左の外側余白
ボックス余白 padding 上下左右内側余白
ボックス余白 padding-top 上の内側余白
ボックス余白 padding-right 右の内側余白
ボックス余白 padding-bottom 下の内側余白
ボックス余白 padding-left 左の内側余白
ボックス横幅 width 横幅
ボックス横幅 max-width 最大幅
ボックス横幅 min-width 最小幅
ボックス高さ height 高さ
ボックス高さ max-height 最大の高さ
ボックス高さ min-height 最小の高さ
ボックス枠 border 上下左右枠全般
ボックス枠 border-top 上の枠全般
ボックス枠 border-right 右の枠全般
ボックス枠 border-bottom 下の枠全般
ボックス枠 border-left 左の枠全般
ボックス枠 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 左の枠線の種類
ボックス枠 border-width 上下左右枠線の太さ
ボックス枠 border-top-width 上の枠線の太さ
ボックス枠 border-right-width 右の枠線の太さ
ボックス枠 border-bottom-width 下の枠線の太さ
ボックス枠 border-left-width 左の枠線の太さ
表示と配置 float 回り込み
表示と配置 clear 回り込み解除
表示と配置 display 表示タイプ
表示と配置 position 表示位置
表示と配置 top 上からの位置
表示と配置 bottom 下からの位置
表示と配置 left 左からの位置
表示と配置 right 右からの位置
表示と配置 overflow はみ出た時の表示方法
表示と配置 clip 表示する領域(旧)
表示と配置 clip-path 表示する領域(新)
表示と配置 direction 表示方向
表示と配置 unicode-bidi 表示の並び替え
表示と配置 visibility 表示・非表示
表示と配置 z-index 重なる順序
リスト list-style リストマーカー全般
リスト list-style-type マーカー種類
リスト list-style-position マーカー位置
リスト list-style-image マーカー画像
テーブル table-layout 表のレイアウト
テーブル border-collapse セル間表示方法
テーブル border-spacing セル間隔
テーブル caption-side 表タイトル表示位置
テーブル empty-cells 空セル罫線非表示

参考文献

上記でリンクしているページは、すべて以下を参考にしています。