【CSS】ブロックレベル要素、インライン要素

ブロックレベル要素とは

• 親要素の領域全体を使用するブロックを構成する

インライン要素とは

• 要素字体の領域のみを使用する

主なブロックレベル要素とインラインレベル要素

レベル	主な要素
ブロックレベル	div、 canvas、 form、 h1、 ol、 ul、 li、 p、 table、 video
インラインレベル	span、 button、 input、 select、 textarea、 label、 a、 img

 

主なブロックレベル要素とインラインレベル要素

レベル	ブロックレベル要素	インラインレベル要素
width、 height	設定可能	設定不可
margin	設定可能	margin-left、 margin-rightのみ設定可能
text-align	子要素に適用される	親要素に設定したものが適用される
vertical-align	設定不可	設定可能