CSSのプロパティについて言語化する

はじめに

CSS を何気なく使っているが、プロパティの違いを言語化できていないので、 QA 形式で言語化していく。

CSS の QA 集

display で inline と inline-block の違いは？

inline-block では width や height が設定できるのに対し、inline では width や height は設定できない。

また、inline-block では上下左右の margin が設定できるのに対し、inline では左右の margin しか設定できない。

rem と em の違いは？

em は親要素のサイズを基準にするのに対し、rem はルート要素のサイズを基準にします。

–webkit とは？

Webkit エンジンを搭載したブラウザ(Chrome、Safari)などで独自のプロパティや機能を使用するためのベンダー接頭辞である。

Webkit プロパティの優先度について あくまで非推奨な機能のため、できるだけ使用しない方がよい。