CSS-এ এলিমেন্ট সম্প্রসারণ বাতিল করা
সাধারণত, পূর্ববর্তী পাঠে বর্ণিত সম্প্রসারণটি ক্ষতিকর
এবং আপনি এটি থেকে মুক্তি পেতে চান। এর জন্য
CSS-এ box-sizing প্রপার্টি রয়েছে।
যদি আপনি এটির মান border-box নির্ধারণ করেন,
তাহলে padding বা বর্ডার কোনটিই
ব্লকটিকে প্রসারিত করবে না:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
width: 100px;
height: 100px;
background: #f1f1f1;
padding: 25px; /* প্যাডিং সেট করুন */
border: 10px solid green; /* বর্ডার সেট করুন */
box-sizing: border-box; /* সম্প্রসারণ বাতিল করুন */
}
:
box-sizing প্রপার্টিটি নিজে নিজে ব্যবহার করে দেখুন।
