CSS - max-height - とほほのWWW入門

属性名	max-height
値	<length> \| <percentage> \| none
初期値	none
適用可能要素	すべての要素
継承	継承しない
メディア	visual

CSS	IE/Edge	Firefox	Chrome	Opera	Safari
CSS2	7.0	1.0	4.0	10.1	3.1

要素の最大の高さを指定します。

値	説明
<length>	高さを 10px 1.5em などの長さの単位で指定します。
<percentage>	高さを 10% など、要素の大きさに対するパーセントで指定します。
none	高さを制限しません。

HTML

<table style="height:150px;">
 <tr style="vertical-align:top">
  <td>
   <div style="max-height:120px; border:1px solid #999999; width:100px; overflow-y:scroll">
    あああああああああ
   </div>
  </td>
  <td>
   <div style="max-height:120px; border:1px solid #999999; width:100px; overflow-y:scroll">
    ああああああああああああああああああああああ
   </div>
  </td>
  <td>
   <div style="max-height:120px; border:1px solid #999999; width:100px; overflow-y:scroll">
    あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
   </div>
  </td>
 </tr>
</table>

表示

あああああああああ

ああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

width, height, min-width, min-height, max-width, max-height

CSS - max-height

概要

サポート (説明)

説明

使用例

関連項目

リンク