CSS-এ প্যাডিং মার্জিন নিয়ে কাজ
আমরা ইতিমধ্যে margin property নিয়ে আলোচনা করেছি,
যা সীমানার বাইরের দিকে মার্জিন তৈরি করে।
একটি খুবই অনুরূপ property হল padding,
যা সীমানার ভিতরের দিকে মার্জিন তৈরি করে।
এখন উদাহরণের মাধ্যমে দেখি কিভাবে এই property কাজ করে। প্রথমে একটি মার্জিনবিহীন ব্লক দেখি (যার লেখা সীমানার সাথে লেগে আছে):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
এবার সব দিকে 30px
padding নির্ধারণ করি:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
: