継承 (Inheritance)

属性によっては、親要素に設定した値が子要素に引き継がれるものがあり、この引き継ぎのことを継承と呼びます。

継承の有無

分類 属性 継承の有無
テキスト 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
※1 WebKitベースのブラウザは継承する
ASCII.jp CSSリファレンス : CSS 2.0/2.1/3.0 - CSSの仕様とリファレンス情報

継承の強制 (inherit)

属性の値にinheritを指定することで、本来は継承しない属性を強制的に継承させることができます。inherit - CSS | MDN

IE8より前は、inheritをサポートしません。Browser compatibility - inherit - CSS | MDN