এইচটিএমএল টেবিল প্যাডিং এবং ব্যবধান
এইচটিএমএল টেবিল ঘরের মধ্যে প্যাডিং এবং কক্ষের মধ্যে ব্যবধান সামঞ্জস্য করতে পারে।
প্যাডিং সহ
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
ব্যবধান সহ
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
HTML টেবিল - সেল প্যাডিং
সেল প্যাডিং হল কোষের প্রান্ত এবং কোষের সামগ্রীর মধ্যে স্থান।
প্যাডিং ডিফল্টরূপে 0 এ সেট করা আছে।
টেবিল কক্ষে প্যাডিং যোগ করতে, CSS প্যাডিং বৈশিষ্ট্য ব্যবহার করুন:
উদাহরণ
th, td {
padding: 15px;
}শুধুমাত্র কন্টেন্টের উপরে প্যাডিং যোগ করতে, প্যাডিং-টপ অ্যাট্রিবিউট ব্যবহার করুন।
প্যাডিং-নিচ, প্যাডিং-বাম, এবং প্যাডিং-ডান বৈশিষ্ট্য সহ অন্যান্য পৃষ্ঠাগুলিতে প্যাডিং যুক্ত করুন:
উদাহরণ
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}| শিরোনাম 1 | শিরোনাম 2 |
|---|---|
| তথ্য 1 | তথ্য 2 |
শীর্ষ: 10px, নীচে: 20px, বাম: 30px, ডান: 40px প্যাডিং
এইচটিএমএল টেবিল - সেল স্পেসিং
কোষ ব্যবধান হল প্রতিটি কোষের মধ্যে স্থান।
ডিফল্ট ব্যবধান 2 পিক্সেল সেট করা হয়.
টেবিল ঘরের মধ্যে ব্যবধান পরিবর্তন করতে, টেবিল উপাদানে CSS বর্ডার-স্পেসিং বৈশিষ্ট্য ব্যবহার করুন:
উদাহরণ
table {
border-spacing: 30px;
}| সেল ঘ | সেল 2 | সেল 3 |
| সেল 4 | সেল 5 | সেল 6 |
30px border-spacing