What are the values of the overflow attribute in CSS
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!
