CSS MAX-HEIGHT

This property allows a maximum height to be set for an element box. The calculation for the element’s height may be less than this value, but if the calculated ‘height’ value is above this value it will recompute the ‘height’ using the ‘max-height’ value as the new ‘height’ value. If the value of ‘min-height’ is greater than the value of ‘max-height’, the ‘max-height’ property value becomes the ‘min-height’ value.

Example
1
2
3
h5 {
  max-height: 150px
}
1
<h5 style="max-height: 150px">content</h5>

Possible Values

inherit: Explicitly sets the value of this property to that of the parent.
none: No limit is placed on the maximum allowable height for the element.
[length]: Refers to an absolute measurement for the maximum computed element box height. Negative values are not allowed.
[percentage]: Refers to a percentage of the height of the containing element block. If a value is not explicitly given for the containing block, it should be treated like ‘auto’.