【CSS】max-height - 高さ（最大値）

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

検証環境

CSS

macOS

14.1

max-height

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

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

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

基本構文

max-height: 値;

サンプル

sample.html

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

プレビュー