How to use the max-height attribute in css

This article mainly introduces how to use the max-height attribute in css. It is very detailed and has a certain reference value. Friends who are interested must finish it!

Description

This property value sets a maximum limit on the height of the element. Therefore, the element can be shorter than the specified value, but not higher than it. Negative values are not allowed to be specified.

Note: the max-height property does not include outer margins, borders, and inner margins.

Value description

None

Default. The definition has no limit on the maximum height allowed for the element.

Length

Defines the maximum height value of the element.

%

Defines the maximum height based on the percentage of the block-level object that contains it.

Inherit

Specifies that the value of the max-height attribute should be inherited from the parent element.

Example:

P

{

Max-height:10px

}

Here are some texts. Here are some texts. Here are some texts.

Here are some texts. Here are some texts. Here are some texts.

Here are some texts. Here are some texts. Here are some texts.

Here are some texts. Here are some texts. Here are some texts.

Here are some texts. Here are some texts. Here are some texts.

The above is all the content of the article "how to use the max-height attribute in css". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!