CSS padding-inline-start کا اپریشن

پچھلے صفحے padding-inline-end
آئندہ صفحہ padding-left

تعریف و استفاده

عنصر padding-inline-start ویژگی به فضایی اشاره دارد که از لبه تا محتوای عنصر در جهت خطی شروع می‌شود.

CSS بسیار مشابه هستند، اما ویژگی‌های CSS مرتبط padding-inline ویژگی‌ها با ویژگی‌های CSS padding-toppadding-bottom،padding-bottompadding-left ویژگی‌های CSS مرتبط ، padding-right بسیار مشابه هستند، اما ویژگی‌های CSS مرتبط padding-inline padding-block

ویژگی وابسته به جهت خطی و جهت بلوک است.توجه داشته باشید: writing-mode ویژگی‌های CSS مرتبط direction تعریف می‌کند جهت خطی. این می‌تواند موقعیت شروع و پایان عنصر در جهت خطی و padding-inline-start نتیجه ویژگی. برای صفحات انگلیسی، جهت بلوک به سمت پایین و جهت خطی از چپ به راست است.

مثال

مثال 1

پادینگ در شروع جهت خطی تنظیم می‌شود:

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

آزمایش کنید

مثال 2

ویژگی <div> را writing-mode وقتی مقدار ویژگی به vertical-rl تنظیم شود، جهت خطی به سمت پایین خواهد بود. نتیجه این است که موقعیت شروع عنصر از سمت چپ به سمت بالا حرکت می‌کند:

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

آزمایش کنید

مثال 3

ویژگی <div> را direction وقتی مقدار ویژگی به rtl تنظیم شود، جهت خطی از راست به چپ خواهد بود. نتیجه این است که موقعیت شروع عنصر از سمت چپ به سمت راست حرکت می‌کند:

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

آزمایش کنید

نوشتار CSS

padding-inline-start: auto|value|مقدار اولیه|وراثت;

مقدار ویژگی

مقدار	توضیح
آوتو	پیش‌فرض
length	این ویژگی مقدار فاصله‌ای را مشخص می‌کند که به واحد‌های px، pt، cm و غیره تنظیم شده است. نمی‌توان از مقادیر منفی استفاده کرد. لطفاً به:سی ایس ایس یونٹ.
%	این ویژگی مقدار فاصله‌ای را مشخص می‌کند که به نسبت اندازه پدر در جهت خطی تنظیم شده است.
مقدار اولیه	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. به: مقدار اولیه.
وراثت	از ویژگی این پدر عناصر این ویژگی را ارث می‌برد. به: وراثت.

جزئیات فنی

مقدار پیش‌فرض:	آوتو
وراثت:	خیر
انیمیشن‌سازی:	پشتیبانی شده است. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
نوشتار جاوااسکریپت:	object.style.paddingInlineStart="100px"