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

Editor to share with you what the value of the overflow attribute in CSS, I believe most people do not know much, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Let's first take a look at the values of the overflow property.

The overflow attribute specifies what happens when the content overflows the element box.

Overflow has the following four attribute values

Visible: initial value, the content will not be trimmed and will be rendered outside the element box.

Scroll: the content is trimmed, but the browser displays a scroll bar to see the rest of the content.

Hidden: the content is trimmed and the rest is invisible.

Auto: if the content is trimmed, the browser displays a scroll bar to view the rest of the content.

Let's talk about these four values of the attributes property in detail.

Let's take a look at specific examples.

The code is as follows

HTML code

CSSoverflow

TheEuropeanlanguagesaremembersofthesamefamily.Theirseparateexistenceisamyth.Forscience,music,sport,etc,Europeusesthesamevocabulary.Thelanguagesonlydifferintheirgrammar,theirpronunciationandtheirmostcommonwords.Everyonerealizeswhyanewcommonlanguagewouldbedesirable:onecouldrefusetopayexpensivetranslators.

TheEuropeanlanguagesaremembersofthesamefamily.Theirseparateexistenceisamyth.Forscience,music,sport,etc,Europeusesthesamevocabulary.Thelanguagesonlydifferintheirgrammar,theirpronunciationandtheirmostcommonwords.Everyonerealizeswhyanewcommonlanguagewouldbedesirable:onecouldrefusetopayexpensivetranslators.

TheEuropeanlanguagesaremembersofthesamefamily.Theirseparateexistenceisamyth.Forscience,music,sport,etc,Europeusesthesamevocabulary.Thelanguagesonlydifferintheirgrammar,theirpronunciationandtheirmostcommonwords.Everyonerealizeswhyanewcommonlanguagewouldbedesirable:onecouldrefusetopayexpensivetranslators.

CSS code

/ * hidden*/

Div.hid {

Width:200px

Height:100px

Overflow:hidden

Background-color:#FF9999

}

/ * scroll*/

Div.scr {

Width:200px

Height:100px

Overflow:scroll

Background-color:#99FF99

}

/ * visible*/

Div.vis {

Width:200px

Height:100px

Overflow:visible

Background-color:#9999FF

}

The above is all the content of the article "what are the values of the overflow 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.