CSS - Scrollbars
সিএসএস(CSS) টিউটোরিয়াল
এমন একটি ঘটনাও ঘটতে পারে যখন কোনও উপাদানের সামগ্রী এতে বরাদ্দ স্থানের পরিমাণের চেয়ে বড় হতে পারে। উদাহরণস্বরূপ, প্রদত্ত প্রস্থ এবং উচ্চতার বৈশিষ্ট্যগুলি পর্যাপ্ত কক্ষটিকে উপাদানটির বিষয়বস্তু মিলে যাওয়ার অনুমতি দেয় না।
সিএসএস ওভারফ্লো নামে একটি সম্পত্তি সরবরাহ করে যা বাক্সের সামগ্রীগুলি বাক্সের চেয়ে বড় হয়ে থাকলে ব্রাউজারকে কী করতে হবে তা বলে tells এই সম্পত্তি নিম্নলিখিত মানগুলির মধ্যে একটি নিতে পারে
উদাহরনঃ
<html>
<head>
<style type = "text/css">
.scroll {
display:block;
border: 1px solid red;
padding:5px;
margin-top:5px;
width:300px;
height:50px;
overflow:scroll;
}
.auto {
display:block;
border: 1px solid red;
padding:5px;
margin-top:5px;
width:300px;
height:50px;
overflow:auto;
}
</style>
</head>
<body>
<p>Example of scroll value:</p>
<div class = "scroll">
I am going to keep lot of content here just to show you how
scrollbars works if there is an overflow in an element box.
This provides your horizontal as well as vertical scrollbars.
</div>
<br />
<p>Example of auto value:</p>
<div class = "auto">
I am going to keep lot of content here just to show you how
scrollbars works if there is an overflow in an element box.
This provides your horizontal as well as vertical scrollbars.
</div>
</body>
</html>