CSS padding-inline প্রতিভা

বিবরণ ও ব্যবহার

এলিমেন্টের padding-inline তা হল তার পারাপার দিকের অভ্যন্তরীণ অংশ থেকে কনটেন্ট পর্যন্ত গঠন। এটি নিম্নলিখিত অপারেন্টিটির সংক্ষিপ্ত সংস্করণ:

• padding-inline-start
• padding-inline-end

padding-inline এই অপারেন্টিটির মান বিভিন্ন পদ্ধতিতে সংজ্ঞায়িত করা যায়:

যদি padding-inline অপারেন্টিটির দুটি মান থাকে:

padding-inline: 10px 50px;

• ভাবান্তরীণ অংশের অভ্যন্তরীণ মাঝামাঝি 10px
• শেষ অংশের অভ্যন্তরীণ মাঝামাঝি 50px

যদি padding-inline বৈশিষ্ট্যটি একটি মান হয়:

padding-inline: 10px;

• শুরুতে ও শেষতে 10px অভ্যন্তরমূলক প্যাডিং

CSS padding-inline এবং padding-block বৈশিষ্ট্য সংক্রান্ত padding-top、padding-bottom、padding-left এবং padding-right অত্যন্ত মিলমিশী, কিন্তু padding-inline এবং padding-block বৈশিষ্ট্যটি ইনলাইন দিশা ও ব্লক দিশার উপর নির্ভর করে。

নোট:সংশ্লিষ্ট CSS বৈশিষ্ট্য writing-mode এবং direction ইনলাইন দিশা নির্ধারণ করে।এটি উপাদানের ইনলাইন দিশায় শুরুতে ও শেষতে অবস্থান এবং padding-inline বৈশিষ্ট্যের ফলাফল।ইংরেজি পাতায় ব্লক দিশা নিচে থেকে এবং ইনলাইন দিশা বাম থেকে ডানে হয়。

উদাহরণ

উদাহরণ 1

ইনলাইন দিশার দুই পাশের অভ্যন্তরমূলক প্যাডিং নির্ধারণ করুন:

div {
  padding-inline: 50px;
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2

যখন <div> উপাদানের writing-mode যখন বৈশিষ্ট্য মান vertical-rl হলে, ইনলাইন দিশা নিচে থেকে হয়।ফলাফল হল উপাদানের শুরুতে বামদিক থেকে শীর্ষে এবং শেষতে ডানদিক থেকে নিচে স্থানান্তরিত হয়:

div {
  writing-mode: vertical-rl;
  padding-inline: 10px 100px;
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 3

যখন <div> উপাদানের direction যখন বৈশিষ্ট্য মান rtl হলে, ইনলাইন দিশা ডানে থেকে বামে হয়।ফলাফল হল উপাদানের শুরুতে বামদিক থেকে ডানদিকে এবং শেষতে ডানদিক থেকে বামদিকে স্থানান্তরিত হয়:

div {
  direction: rtl;
  padding-inline: 10px 100px;
}

আপনার হাতে পরীক্ষা করুন

CSS গঠনশৈলী

padding-inline: auto|value|initial|inherit;

বৈশিষ্ট্য মান

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এটি প্রথম এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণটির জন্য ইনডিকেট করে。

সংশ্লিষ্ট পৃষ্ঠা

উল্লেখ:CSS ডাইরেকশন এট্রিবিউট

উল্লেখ:CSS padding-inline-end প্রতিভা

উল্লেখ:CSS padding-inline-start প্রতিভা

উল্লেখ:CSS padding-bottom প্রতিভা

উল্লেখ:CSS padding-left প্রতিভা

উল্লেখ:CSS padding-right প্রতিভা

উল্লেখ:CSS padding-top প্রতিভা

উল্লেখ:CSS writing-mode অপারেশন