CSS padding-inline-end প্রক্রিয়া

定义和用法

元素的 padding-inline-end 是指在行内方向结束处从元素的边框到内容的空间。

CSS padding-inline 和 padding-block 属性与 CSS 属性 padding-top、padding-bottom、padding-left 和 padding-right 非常相似，但 padding-inline 和 padding-block 属性依赖于行内方向和块方向。

注意：相关的 CSS 属性 writing-mode 和 direction 定义了行内方向。这会影响元素在行内方向上的起始和结束位置，以及 padding-inline-end 属性的结果。对于英文页面，块方向是向下，行内方向是从左到右。

实例

例子 1

设置行内方向结束处的内边距：

div {
  padding-inline-end: 50px;
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 2

ডিভ এলাকার writing-mode প্রতিযোগী মান নির্ধারণ করা হলে, পারস্পরিক পার্শ্বমুখী দিক অপরিবর্তিত থাকে। ফলস্বরূপ, এলাকার শেষ অংশ ডানদিক থেকে নীচে সরে যায়:

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

আপনার নিজেই প্রয়াস করুন

উদাহরণ 3

ডিভ এলাকার direction প্রতিযোগী মান নির্ধারণ করা হলে, পারস্পরিক পার্শ্বমুখী দিক ডান থেকে বাম দিকে হয়। ফলস্বরূপ, এলাকার শেষ অংশ ডানদিক থেকে বামদিকে সরে যায়:

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

আপনার নিজেই প্রয়াস করুন

CSS গঠনশৈলী

padding-inline-end: auto|value|ইনিশিয়াল|ইনহারিট;

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

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

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

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

相关页面

参考：CSS দিশা প্রতিশব্দ

参考：CSS padding-inline প্রক্রিয়া

参考：CSS padding-inline-start প্রক্রিয়া

参考：CSS padding-bottom প্রক্রিয়া

参考：CSS padding-left প্রক্রিয়া

参考：CSS padding-right প্রক্রিয়া

参考：CSS padding-top প্রক্রিয়া

参考：CSS writing-mode এটি একটি প্রতিশব্দ