Shulou(Shulou.com)06/01 Report--

This article mainly shows you "how to use the height attribute in css", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to use the height attribute in css" this article.

Definition and usage of cssheight attribute

In css, the height attribute is used to set the height of an element, excluding fills, borders, or page margins, and you can increase inner, border, and outer margins outside the content area. This attribute is ignored by inline non-replacement elements.

The height attribute is widely used and is commonly used in css. When you need to set the height of an element, you can use this attribute to implement it. If we need to set the width of the element, we can use the width attribute to do so. The height attribute and the width attribute are usually used together to control the size of the element.

Cssheight attribute syntax format

Css syntax: height:auto/length/%/inherit

JavaScript syntax: object.style.height= "50px"

Cssheight attribute value description

Auto: default value, the browser will calculate the actual height

Length: define height in units such as px, cm, etc.

%: based on the percentage height of the block-level object that contains it

Inherit: specifies that the value of the height attribute should be inherited from the parent element

Case study

The cssheight property sets the height of the element

Div {width:400px;border:1pxsolidred;}

# div1 {height:50px;}

# div2 {height:80px;}

# div3 {height:100px;}

Div1

Div2

Div3

The above is all the content of the article "how to use the height attribute in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.