スタイル継承一覧表
スタイル継承一覧表を作ってみたのでご参考に
この記事の目次
文字などに使うプロパティ
| プロパティ名 | 説明 | 対象の要素 | 継承 |
|---|---|---|---|
| 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)用のプロパティ
| プロパティ名 | 説明 | 対象の要素 | 継承 |
|---|---|---|---|
| table-layout | 表のレイアウト方法 | table要素 | しない |
| border-collapse | 境界線の表示方法 | table要素 | する |
| border-spacing | 境界線の間隔 | table要素 | する |
| empty-cells | 空セルの境界線 | th要素、td要素 | する |
| caption-side | 表タイトルの位置 | caption要素 | する |
内容追加用のプロパティ
| プロパティ名 | 説明 | 対象の要素 | 継承 |
|---|---|---|---|
| content | 内容の生成 | :before疑似要素、:after疑似要素 | しない |
| quotes | 引用符の設定 | 全ての要素 | する |
カーソル用のプロパティ
| プロパティ名 | 説明 | 対象の要素 | 継承 |
|---|---|---|---|
| cursor | カーソルの形 | 全ての要素 | する |
アウトライン用のプロパティ
| プロパティ名 | 説明 | 対象の要素 | 継承 |
|---|---|---|---|
| outline | アウトライン関連をまとめて指定 | 全ての要素 | しない |
| outline-width | アウトラインの太さ | 全ての要素 | しない |
| outline-color | アウトラインの色 | 全ての要素 | しない |
| outline-style | アウトラインのスタイル | 全ての要素 | しない |
印刷用のプロパティ
| プロパティ名 | 説明 | 対象の要素 | 継承 |
|---|---|---|---|
| page-break-before | 直前の改ページ | ブロックレベル要素 | しない |
| page-break-after | 直後の改ページ | ブロックレベル要素 | しない |
| page-break-inside | 要素内の改ページ | ブロックレベル要素 | する |