【CSS】画像の下に出来るデフォルトの余白を消す方法

CSS

今回は、「画像の下に出来るデフォルトの余白を消す方法」について紹介したいと思います！

【CSS】画像の下に出来るデフォルトの余白を消す方法

以下のように、画像の下に出来る余白を見たことがあるのではないでしょうか？

画像の下に表示されるデフォルトの余白を消すには「vertical-align: bottom;」を画像に指定してあげればOK！

初めからリセットCSSに

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
img {
vertical-align: bottom;
}
img { vertical-align: bottom; }
img {
    vertical-align: bottom;
}

を指定しておくといいでしょう。

 

関連記事:

画像の下に出来る余白の消し方について【WEB制作初心者向け】 【CSS】ネガティブマージンを使って要素をずらす方法 【CSS】aタグをクリックできる範囲をheaderの高さと一緒にする方法 【CSS】画像の上をhoverしたらテキストが表示するようにする方法