どうも、7noteです。検証記事です。

検証：ブロック要素に効かないCSSはあるのか

以前インライン要素に効かないCSSという記事（こちら）を書きましたが、それでふと思いました。

「ブロック要素に効かないCSSってあるのか？」

いや、フレックスボックスで子要素に指定しないと反映されないとかはあるかもしれないが、
実際効かないCSSってあるのかパッと思いつかなかったのでちゃんと検証してみました。

よく使われるCSSを検証してみた

フォント系、テキスト系

カラー系、背景系

幅と高さと線

margin・paddingなどの余白系

表示・配置系

結論

ほぼ全部効く。上下の表示位置を調整するvertical-alignだけはインライン要素やth,tdにしか効かないので、注意が必要。
ブロック要素の上下の表示位置を指定したい場合は、フレックスボックスでalign-itemsを指定するか、position指定で調整する方法がある。

おそまつ！