【CSS】min-height - 高さ（最小値）

CSSのmin-heightプロパティについて解説します。

検証環境

CSS

macOS

14.1

min-height

min-heightは“高さの最小値”のプロパティです。

標準ではコンテンツボックスの最小高さになります。

※ box-sizingプロパティを設定した場合、最小高さの対象はその値に従います。

基本構文

min-height: 値;

サンプル

sample.html

<style>
img {
    height: 0;
    ___ih_hl_start
    min-height: 100px;
    ___ih_hl_end
}
</style>
 
<img src="https://it-hack.net/storage/app/media/document/development/programming/css/properties/min-height/hacker-commandline.jpeg">

プレビュー