CSS سیکل-مارگن-اینل-اند کیمپٹ
- پچھلے پیمانے scroll-margin-inline
- بعد کا پیمانہ scroll-margin-inline-start
تعریف اور استعمال.
scroll-margin-inline-end اگر کوئی اپریشن کا مقام کا فاصلہ این لائن سمت کی سمت میں کیا جائے گا.
یعنی، جب آپ رولنگ ختم کرتے ہیں تو، رولنگ تیزی سے تیلش ہوگا اور این لائن سمت کی سمت میں مقرر کردہ فاصلے پر رکھا جائے گا، یہ فاصلہ یعنی ذیلی عنصر کا آپریشن کا مقام کا آخری حصہ اور کانٹینر کے درمیان کا فاصلہ ہوتا ہے.
این لائن سمت، یعنی آئندہ حرف کا موجودہ حرف کی سمت میں آپریشن کا مقام میں رکھنے کی سمت کا معن ہے، یہ بھی ایسی تیگ جو CSS دیسپلے: این لائن; کا استعمال کرتی ہے (مثلاً <a> اور <strong> تیگ)، ان کا لائن اپریشن کا طریقہ کار ہوتا ہے. این لائن سمت لکتبندی کا معاملہ بھی رکھتا ہے، مثلاً عربی کا نئا حرف سمت راست سے بائیں کی جانب سے لکھا جاتا ہے، لہذا این لائن سمت بائیں سمت سے راست کی جانب سے ہوتی ہے، جبکہ انگریزی ویب پینل کا این لائن سمت سمت چپ سے راست کی جانب سے ہوتا ہے. این لائن سمت کا استعمال CSS کی اپریشن کی سمت میں کیا جاسکتا ہے. direction و writing-mode تعریف.
آپ جب رولنگ ختم کرتے ہیں تو، ذیلی عنصر کا آپریشن کا مقام جس میں یہ آپریشن کا مقام سے آگاہی رکھتا ہے، یہ کہا جاتا ہے.
توجه:این ویژگی تنها در جهت درونمتنی تنظیم شده است scroll-snap-align ویژگی به 'end' باشد، این ویژگی فعال میشود.
برای مشاهده scroll-margin-inline-end ویژگیها، و باید در عنصر فرزند تنظیم شوند scroll-margin-inline-end و scroll-snap-align ویژگی، و باید در عنصر والد تنظیم شوند ویژگیهای scroll-snap-type .
ویژگیهای CSS scroll-margin-inline و scroll-margin-block ویژگیها با ویژگیهای CSS CSS سیکل-مارگن-تاپ کیمپٹ،scroll-margin-bottom،scroll-margin-left و scroll-margin-right بسیار مشابه هستند، اما scroll-margin-block و scroll-margin-inline ویژگیها به جهت بلوک و جهت درونمتنی وابسته هستند.
مثال
مثال 1
تنظیم فاصله از موقعیت جاذبه تا ظرف قابل اسکرول:
div {
scroll-margin-inline-end: 20px;
}
مثال 2
وقتی مقدار ویژگی <div> به writing-mode وقتی مقدار ویژگی vertical-rl تنظیم شود، جهت درونمتنی به پایین است. نتیجه این است که انتهای عنصر از سمت راست به پایین حرکت میکند:
div {
scroll-margin-inline-end: 20px;
writing-mode: vertical-rl;
}
مثال 3
وقتی مقدار ویژگی <div> به direction وقتی مقدار ویژگی rtl تنظیم شود، جهت درونمتنی از راست به چپ است. نتیجه این است که انتهای عنصر از سمت راست به سمت چپ حرکت میکند:
div {
scroll-margin-inline-end: 20px;
direction: rtl;
}
جملات برنامهنویسی CSS
scroll-margin-inline-end: 0|value|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| 0 | مقدار پیشفرض. فاصله پیشفرض scroll-margin-inline-end عنصر. |
| length |
فاصلهای که با استفاده از واحدهای px، pt، cm و غیره مشخص میشود. از مقادیر منفی نیز میتوان استفاده کرد. لطفاً به: مراجعه کنیدسی ایس ایس یونٹ. |
| initial | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. مراجعه کنید initial. |
| inherit | این ویژگی را از عنصر والد خود ارث میبرد. مراجعه کنید inherit. |
جزئیات فنی
| مقدار پیشفرض: | 0 |
|---|---|
| وراثت: | خیر |
| انیمیشنسازی: | پشتیبانی نمیشود. لطفاً به: مراجعه کنیدویژگیهای مرتبط با انیمیشن. |
| نسخه: | CSS3 |
| جملات برنامهنویسی جاوااسکریپت: | object.style.scrollMarginInlineEnd="20px" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخهای اولیه از مرورگرهای پشتیبان از این ویژگی هستند.
| کروم | ایج | افرکس | سافاری | آپرا |
|---|---|---|---|---|
| 69.0 | 79.0 | 68.0 | 14.1 | 56.0 |
متعلق به صفحات
مطالب:CSS دیکشن پرزواری
مطالب:CSS سیکل-سناپ-الائن کیمپٹ
مطالب:CSS سیکل-سناپ-ٹائپ کیمپٹ
- پچھلے پیمانے scroll-margin-inline
- بعد کا پیمانہ scroll-margin-inline-start
