max-heightプロパティは、
<IMG>・
<INPUT>・
<TEXTAREA>・
<SELECT>
などの領域の高さの最大値を指定する際に使用します。
最大値を指定することで、これらの要素の高さを一定範囲内に収めることができます。
指定方法には、実数値にpxなどの単位をつけて指定する方法と、親ボックスに対する割合を%で指定する方法があります。
また、高さを制限させないようにするにはnoneを指定します。
img.sample {max-height: 50px;}
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<img border=”0″ src=”https://www.htmq.com/wp-content/uploads/2024/07/img002.gif” alt=”サンプルイメージ”
class=”sample”>
</body>
</html>