【CSS】 プロパティごとの継承の有無

https://web-designer.cman.jp/css_ref/css_base/inheritance/

リスト

https://www.webdesignleaves.com/pr/css/css_basic_01.html

「すべての CSS プロパティが継承されるわけではない」ということです。効果によっては継承されない方が好ましいスタイルは、継承されないように設計されています。 以下は、よく使われるプロパティで「継承するプロパティ」と「継承しないプロパティ」の一例です。

継承されるプロパティ

  • line-height
  • letter-spacing
  • font
  • color
  • text-align
  • visibility
  • word-spacing

継承されないプロパティ

  • padding
  • margin
  • height
  • width
  • border
  • background
  • z-index
  • box
  • inherit
ほぼすべての CSS のプロパティには、親要素の値を強制的に継承する inherit という値を指定することができます。 この値を指定することで、通常は値を継承しないボーダーやマージン、パディング等のプロパティも値を継承するようになります。 この値は通常上で紹介した「継承しないプロパティ」を子要素に対して継承させたい場合に設定します。