CSS min-height Property

The min-height property specifies the minimum height to be used for an element.

Formal syntax: [ [<length> | <percentage>] && [border-box | content-box]? ] | available | min-content | max-content | fit-content

min-height: 200px;
min-height: 40%;
min-height: min-content;
min-height: max-content;
min-height: fit-content;

• <length>Specifies a fixed width. Negative values are not allowed.
• <percentage>A percentage relative to the width of the containing block. If the containing block has no width explicitly set then is is treated as none. Negative values are not allowed.
• max-contentThe max-content width or height.
• min-contentThe min-content width or height.
• availableThe containing block width or height minus margin, border, and padding.
• fit-contentIf the total available space is finite, equals to min(max-content, max(min-content, fill-available)). Otherwise, equal to the max-content measure. Requires CSS Intrinsic & Extrinsic Sizing Module support in browsers.

.class {
   min-height: 50px;
}

1+

7+

1+

1+

8+

• Share on Facebook
• Share on Twitter
• Share on Google+