डाउनलोड पी.डी.एफ. ई-बुक्स
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 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.