属性によっては、親要素に設定した値が子要素に引き継がれるものがあり、この引き継ぎのことを継承と呼びます。
| 分類 | 属性 | 継承の有無 | |
|---|---|---|---|
| テキスト | color | ○ | |
| font | font-family | ○ | |
| font-style | ○ | ||
| font-variant | ○ | ||
| font-weight | ○ | ||
| font-size | ○ | ||
| font | ○ | ||
| text-indent | ○ | ||
| text-align | ○ | ||
| text-overflow | × | ||
| text-decoration | × | ||
| text-transform | ○ | ||
| word-spacing | ○ | ||
| white-space | ○ | ||
| リスト | list-style | list-style-image | ○ |
| list-style-position | ○ | ||
| list-style | ○ | ||
| テーブル | table-layout | × | |
| border-collapse | ○ | ||
| border-spacing | ○ | ||
| 罫線 | border | border-top-style | × |
| border-top-width | × | ||
| border-top-color | × | ||
| border-top | × | ||
| border-style | × | ||
| border-width | × | ||
| border-color | × | ||
| border | × | ||
| 背景 | background | background-color | × |
| background-image | × | ||
| background-attachment | × | ||
| background-repeat | × | ||
| background-position | × | ||
| background | × | ||
| 配置 | margin | margin-top | × |
| margin-bottom | × | ||
| margin-right | × | ||
| margin-left | × | ||
| margin | × | ||
| padding | padding-top | × | |
| padding-bottom | × | ||
| padding-right | × | ||
| padding-left | × | ||
| padding | × | ||
| position | position | × | |
| top | × | ||
| right | × | ||
| bottom | × | ||
| left | × | ||
| float | × | ||
| clear | × | ||
| overflow | × | ||
| display | × | ||
| visibility | × | ||
| vertical-align | × | ||
| width | × | ||
| height | × | ||
| line-height | ○ | ||
| resize | ×※1 | ||
属性の値にinheritを指定することで、本来は継承しない属性を強制的に継承させることができます。inherit - CSS | MDN
IE8より前は、inheritをサポートしません。Browser compatibility - inherit - CSS | MDN