画像下部に標準で挿入されるスペースは、マージンやパディングではない。 画像は、インラインブロックボックスで構成されるため、文字や画像と横に並べて表示される。 このとき、画像の下辺が文字のベースラインにそろえて表示されるため、ページラインから下のスペースが画像の下に挿入される。 ベースラインより下のスペースを画像に挿入しないようにするためには、vertical-alignを「bottom」に指定する […]

画像を表示する<img>が構成するボックスは「インラインブロックボックス」と呼ばれ、ブロックボックスとインラインボックスの両方の特徴をあわせ持ったものになっている。 インラインボックスと同じように前後に改行が入らず、文字などと並んで表示される。 ブロックボックスと同じように、スタイルシートで横幅や高さを指定できる。 マージンやパディング、罫線を挿入すると、まわりのコンテンツの配置に影響 […]