max-height

Posted on
  1. You are in : Cascading Style Sheets  >>  CSS Reference (g to n)  >>  

The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.
 
max-height overrides height, but min-height overrides max-height.

Syntax

<!DOCTYPE html>
<html>
<head>
<style>
table {
	max-height: 75%;
}

form {
	max-height: none;
}
</style>
</head>
<body>
	<table>
		<tr>
			<td>1</td>
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
			<td>4</td>
		</tr>
	</table>
	<form>
		<input type="button">
	</form>
</body>
</html>