CSS2プロパティ詳細
以下、
- 頻出のもの
- 理解しやすいもの
- 独自拡張
という優先順位で並べてあります。
| プロパティ | 説明 |
|---|---|
| margin-top margin-right margin-bottom margin-left | 上、右、下、左マージン |
| margin | マージンの一括指定 |
| プロパティ | 説明 |
|---|---|
| border-top-color border-right-color border-bottom-color border-left-color | 上、右、下、左ボーダーの色 |
| border-color | ボーダーの色の一括指定 |
| border-top-width border-right-width border-bottom-width border-left-width | 上、右、下、左ボーダーの幅 |
| border-width | ボーダーの幅の一括指定 |
| border-top-style border-right-style border-bottom-style border-left-style | 上、右、下、左ボーダーの種類 |
| border-style | ボーダーの種類の一括指定 |
| border-top border-right border-bottom border-left | 上、右、下、左ボーダーの色・幅・種類 |
| border | ボーダー関連の一括指定 |
| プロパティ | 説明 |
|---|---|
| padding-top padding-right padding-bottom padding-left | 上、右、下、左パディング |
| padding | パディングの一括指定 |
| プロパティ | 説明 |
|---|---|
| color | 前景色 |
| background-color | 背景色 |
| background-image | 背景画像 |
| background-repeat | 背景画像の並べ方 |
| background-position | 背景画像の初期位置 |
| background-attachment | 背景画像の固定 |
| background | 背景関連の一括指定 |
| プロパティ | 説明 |
|---|---|
| list-style-type | マーカーの種類 |
| list-style-image | マーカー画像 |
| list-style-position | マーカーの表示位置 |
| list-style | マーカー関連の一括指定 |
| marker-offset | マーカーとの間隔 |
| プロパティ | 説明 |
|---|---|
| font-family | フォント名 |
| font-size | フォントサイズ |
| font-weight | フォントの太さ |
| font-style | 斜体 |
| font-stretch | 長体・平体 |
| font-variant | スモールキャピタル |
| font-size-adjust | 文字の大きさの調整 |
| font | フォント関連の一括指定 |
| プロパティ | 説明 |
|---|---|
| line-height | 行の高さ |
| text-align | 行ぞろえ |
| vertical-align | 縦方向の位置ぞろえ |
| text-decoration | 下線・上線・取消線・点滅 |
| letter-spacing | 文字の間隔 |
| word-spacing | 単語の間隔 |
| text-transform | 大文字・小文字 |
| text-indent | 一行目のインデント |
| white-space | 空白類の処理 |
| text-shadow | 文字に影を付ける |
| プロパティ | 説明 |
|---|---|
| cursor | カーソルの形状 |
| プロパティ | 説明 |
|---|---|
| width | 内容領域の幅 |
| height | 内容領域の高さ |
| min-width | 内容領域の最小の幅 |
| max-width | 内容領域の最大の幅 |
| min-height | 内容領域の最小の高さ |
| max-height | 内容領域の最大の高さ |
| プロパティ | 説明 |
|---|---|
| table-layout | テーブルの表示方法 |
| border-collapse | セルのボーダーの表示形式 |
| border-spacing | セル同士のボーダーの間隔 |
| empty-cells | 空セルのボーダーの表示・非表示 |
| caption-side | キャプションの位置 |
| プロパティ | 説明 |
|---|---|
| float | 左右への配置と回り込み |
| clear | 回り込みの解除 |
| display | 要素の表示形式 |
| position | 配置方法 |
| top | 上からの位置 |
| left | 左からの位置 |
| bottom | 下からの位置 |
| right | 右からの位置 |
| z-index | 重なる順序 |
| overflow | はみ出る部分の表示方法 |
| clip | 見える範囲 |
| visibility | 表示・非表示 |
| direction | 文字表記の基本方向 |
| unicode-bidi | 文字方向の組込みと上書き |
| プロパティ | 説明 |
|---|---|
| content | 内容の生成 |
| quotes | 引用符の指定 |
| counter-increment | カウンタの値の増減 |
| counter-reset | カウンタのリセット |
| プロパティ | 説明 |
|---|---|
| size | 用紙サイズと方向 |
| page | ページ名の指定 |
| page-break-before | 直前に改ページ |
| page-break-after | 直後に改ページ |
| page-break-inside | 要素内での改ページの制御 |
| widows | 最初の段落の最低行数 |
| orphans | 最後の段落の最低行数 |
| marks | トンボ |
| プロパティ | 説明 |
|---|---|
| outline-color | 輪郭線の色 |
| outline-width | 輪郭線の幅 |
| outline-style | 輪郭線の種類 |
| outline | 輪郭線関連の一括指定 |
| プロパティ | 説明 |
|---|---|
| volume | 音量 |
| speech-rate | 読み上げ速度 |
| voice-family | 声の種類 |
| pitch | 声の高さ |
| pitch-range | 声の高さの変化する幅 |
| richness | 声の豊かさ・明瞭さ |
| stress | アクセントの強さ |
| azimuth | 音源の横方向の角度 |
| elevation | 音源の縦方向の角度 |
| pause-before | 直前の読み上げ休止時間 |
| pause-after | 直後の読み上げ休止時間 |
| pause | 読み上げ休止時間の一括指定 |
| speak | 読み方の指定 |
| speak-numeral | 数字の読み上げ方の指定 |
| speak-punctuation | 句読点や記号を読み上げるかどうか |
| cue-before | 直前に鳴らす要素識別音 |
| cue-after | 直後に鳴らす要素識別音 |
| cue | 要素識別音の一括指定 |
| play-during | BGM |
| speak-header | 表の見出しを読み上げるタイミング |
MSIE 独自拡張
| プロパティ | 説明 |
|---|---|
| background-position-x | 背景画像の横方向の初期位置 |
| background-position-y | 背景画像の縦方向の初期位置 |
| プロパティ | 説明 |
|---|---|
| layout-flow | 書字方向 |
| writing-mode | 書字方向 |
| overflow-x | 横にはみ出る部分の表示方法 |
| overflow-y | 縦にはみ出る部分の表示方法 |
| text-overflow | はみ出た部分の直前の省略符号 |
| プロパティ | 説明 |
|---|---|
| ruby-align | ルビの位置ぞろえ |
| ruby-overhang | 土台とその周辺の扱い |
| ruby-position | ルビの位置 |
| プロパティ | 説明 |
|---|---|
| layout-grid-char | 文字グリッド |
| layout-grid-line | 行グリッド |
| layout-grid-mode | グリッドモード |
| layout-grid-type | 文字グリッドの種類 |
| layout-grid | グリッド関連の一括指定 |
| line-break | 改行方法の若干の制御 |
| word-break | 単語内での改行の制御 |
| text-autospace | 余白の自動追加 |
| text-justify | 両端ぞろえの詳細指定 |
| text-align-last | 最後の行のそろえ方 |
| text-kashida-space | kashidaの文字と空白の比率 |
| text-underline-position | 下線の表示位置 |
| word-wrap | 単語内での改行の制御 |
| プロパティ | 説明 |
|---|---|
| scrollbar-darkshadow-color | ボックスの左と下の奥の色 |
| scrollbar-face-color | ボックス表面色と半トラック色 |
| scrollbar-3dlight-color | ボックスの右と上の奥の色 |
| scrollbar-highlight-color | ボックスの右と上の辺の色と半トラック色 |
| scrollbar-arrow-color | 矢印の色 |
| scrollbar-shadow-color | ボックスの左と下の辺の色 |
| scrollbar-base-color | 基本色 |
| scrollbar-track-color | トラックの色 |
| プロパティ | 説明 |
|---|---|
| ime-mode | IMEの制御 |
| zoom | 拡大・縮小 |
| プロパティ | 説明 |
|---|---|
| filter | フィルタ(使用前にこの記事必読) |