max-width、max-heightの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)
目次
1.max-width、max-heightとは?
max-width、max-heightプロパティはボックスの幅と高さの最大値を指定します。
値の指定方法は以下の通りです。
{ max-width: 値; }
{ max-height: 値; }
値の指定方法
- auto
- 任意の数値+単位
- %値
- min-content
- max-content
- fit-content()
2.max-width、max-heightの使い方
それではmax-width、max-heightの使い方をみていきましょう。
.box {
border: 1px solid blue;
max-width: 100%;
max-height: 50px;
}
他にも値を設定できるのでいろいろと試してみることをお勧めします!