- Home
- CSS examples
- Overflow Css
CSS - Overflow Css
विवरण :
कोई विवरण नहीं है |
सोर्स कोड :
<!DOCTYPE html>
<html>
<head>
<title> CSS - Overflow </title>
<style>
.scroll{
overflow: scroll;
width: 200px;
height: 100px;
background-color: yellow;
margin-top: 20px;
}
.hidden{
overflow: hidden;
width: 200px;
height: 100px;
background-color: yellow;
margin-top: 20px;
}
.visible{
overflow: visible;
width: 200px;
height: 100px;
background-color: yellow;
margin-top: 20px;
}
.auto{
overflow: auto;
background-color: yellow;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="scroll"> Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.
Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.
</div>
<div class="hidden"> Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.
Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.
</div>
<div class="auto"> Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.
Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.</div>
Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.</div>
</body>
</html>
आउटपुट :
Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll. Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is scroll.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden. Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is hidden.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible. Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.Overflow is visible.