inheritプロパティでスタイルを強制的に継承する

cssのプロパティによっては親要素のスタイルが子要素に引き継がれないものがあります。
そのような場合にはスタイルを強制的に継承させたい子要素にinheritプロパティを使用します。
今回はデフォルトでは子要素に引き継がれないborderプロパティを例に解説します。


HTML

CSS

borderプロパティで作成した枠線が親要素のdivタグのみに適用されている。
(子要素のh1タグ、pタグには適用されていない)
※colorプロパティはデフォルトで子要素に引き継がれている。

子要素(h1タグ,pタグ)のborderプロパティにinheritを指定する。

borderのスタイルがh1タグ、pタグへ継承されました。

Follow me!