CSS - inherit

トップ > CSSリファレンス > inherit

説明

CSS2 の多くの属性で、親のスタイルを継承することを意味する inherit という値がサポートされました。CSS3 ではすべての属性で利用可能となりました。通常では継承されないスタイルを親要素から継承させたり、継承することを明示的に示したい場合に使用されます。

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS281.01.04.01.0

使用例

margin, padding, border, background などは、普段は子要素に継承されませんが、inherit を指定することで、子要素(classB)でも margin, padding, border, background が適用されます。

CSS
.classA {
 margin: 10px;
 padding: 10px;
 border: 1px solid #999;
 background: #cfc;
}
.classB {
 margin: inherit;
 padding: inherit;
 border: inherit;
 background: inherit;
}
CSS
<div class="classA">
 <div class="classB">
  サンプル
 </div>
</div>
表示
サンプル

関連項目

initial, inherit, unset

リンク


Copyright (C) 1997-2015 杜甫々
初版:1997年7月27日、最終更新:2015年12月5日
http://www.tohoho-web.com/css/value/inherit.htm