padding বৈশিষ্ট্য
padding বৈশিষ্ট্যটি একটি উপাদানের অভ্যন্তরীণ
প্যাডিং সেট করে। বৈশিষ্ট্যের মান হিসাবে যেকোনো
আকারের একক
ব্যবহার করা যায়। ডিফল্টরূপে, প্রতিটি ব্রাউজার
উপাদানগুলিতে বিভিন্ন প্যাডিং যোগ করতে পারে।
বৈশিষ্ট্যটি নিম্নলিখিত বৈশিষ্ট্যগুলির জন্য একটি সংক্ষিপ্ত রূপ:
padding-top,
padding-right,
padding-bottom,
padding-left।
সিনট্যাক্স
সিলেক্টর {
padding: মান;
}
প্যারামিটারের সংখ্যা
padding বৈশিষ্ট্যটি 1,
2, 3 বা 4 টি মান গ্রহণ করে,
যেগুলো স্পেস দ্বারা আলাদা করে লেখা হয়:
| সংখ্যা | বর্ণনা |
|---|---|
1 |
একটি মান উপাদানের সব দিক থেকে প্যাডিং সেট করে। |
2 |
প্রথম মান উপরের এবং নীচের প্যাডিং সেট করে, এবং দ্বিতীয় মান - ডান এবং বাম দিকের। |
3 |
প্রথম মান উপরের প্যাডিং সেট করে, দ্বিতীয় মান - ডান এবং বাম দিকের, এবং তৃতীয় মান - নীচের দিকের। |
4 |
প্রথম মান উপরের প্যাডিং সেট করে, দ্বিতীয় মান - ডান দিকের, তৃতীয় মান - নীচের দিকের, এবং চতুর্থ মান - বাম দিকের। |
উদাহরণ
এই ক্ষেত্রে, ডিফল্টরূপে অভ্যন্তরীণ প্যাডিং শূন্য হবে এবং টেক্সট ব্লকের সীমানার সাথে চেপে থাকবে:
<div id="elem">
some long text
</div>
#elem {
padding: 0;
width: 300px;
border: 1px solid black;
text-align: justify;
}
:
উদাহরণ
এবং এখন আসুন 30px অভ্যন্তরীণ প্যাডিং তৈরি করি:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid black;
text-align: justify;
}
:
উদাহরণ
এখন উপরি এবং নিচের প্যাডিং হবে 20px,
এবং ডান এবং বাম দিকে - 5px:
<div id="elem">
some long text
</div>
#elem {
padding: 20px 5px;
width: 300px;
border: 1px solid black;
text-align: justify;
}
:
উদাহরণ
এখন উপরের প্যাডিং 5px, ডান দিকে -
15px, নীচে - 25px, বাম দিকে -
35px:
<div id="elem">
some long text
</div>
#elem {
padding: 5px 15px 25px 35px;
width: 300px;
border: 1px solid black;
text-align: justify;
}
:
আরও দেখুন
-
marginবৈশিষ্ট্য,
যা বাহ্যিক মার্জিন সেট করে