How to define box height in css3
This article mainly introduces the relevant knowledge of how to define the box height in css3, the content is detailed and easy to understand, the operation is simple and fast, and it has a certain reference value. I believe you will gain something after reading this css3 article on how to define the box height. Let's take a look at it.
Css3 defines the attributes of the box height: 1, the height attribute, which can set the height of the element box; 2, the max-height attribute, which can set the maximum height of the element box; and 3, the min-height attribute, which can set the minimum height of the element box.
The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.
The layout of the box
Think of the elements in HTML as a rectangular box (a container for content), each consisting of element content, padding, border, and margin.
The property in css3 that defines the height of the box:
Height attribute
Max-height attribute
Min-height attribute
Height attribute
The height property sets the height of the element box
The height and width of p {background-color: # FFC0CB;} p.ex {height:100px; width:100px;} is 100px.
This is some of the text in the paragraph. This is some of the text in the paragraph. This is some of the text in the paragraph. This is some of the text in the paragraph. This is some of the text in the paragraph. This is some of the text in the paragraph.
Max-height attribute
The max-height property sets the maximum height of the element box
P {max-height: 50px; background-color: yellow;}
The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px.
Min-height attribute
The min-height property sets the minimum height of the element box
P {min-height: 100px; background-color: yellow;}
The minimum height of this section is set to 100 px.
This is the end of the article on "how to define box height in css3". Thank you for reading! I believe you all have a certain understanding of "how to define box height in css3". If you want to learn more, you are welcome to follow the industry information channel.
