CSS scroll-margin-block-start کا属性

دفعات اور استعمال

scroll-margin-block-start پرزنٹیج کا فاصلہ بلاک ڈائریکشن کی آپریشن کی جگہ اور کونٹینر کے درمیان کی فاصلے کا مطلب ہوتا ہے،

یہ معنیات یہ ہوتا ہے کہ جب آپ اسکرولنگ کو رکھتے ہیں تو اسکرولنگ تیزی سے تیزی سے آپریشن کا عمل آپریشن کی جگہ پر اپنے آپ پر رکھتا ہے اور اس سے آپریشن کی جگہ پر کسی کسی مخصوص فاصلے پر رکھتا ہے، جو اسکرولنگ کی جگہ پر بلاک ڈائریکشن کی آپریشن کی جگہ کی ابتدا اور کونٹینر کے درمیان کی مخصوص فاصلے پر رکھتا ہے،

بلاک ڈائریکشن وہ آئیٹم کی جگہ ہے جو آئندہ سطر کا مکان موجودہ سطر کے ساتھ کس طرح میں رکھا جاتا ہے، یہ بلاک ڈائریکشن جو CSS ڈسپلے: بلوک; کا مطلب ہوتا ہے (مثلاً <p> اور <div> کے بلاک) پینل پر کس طرح کا لائائٹنگ ہوتا ہے، بلاک ڈائریکشن کس کسی لکھن کی بنیاد پر متغیر ہوتا ہے، مثلاً مونگولی کا نئا سطر چپ سے راست کی جانب سے لکھا جاتا ہے، لہذا بلاک ڈائریکشن چپ سے راست کی جانب کا ہوتا ہے، جبکہ انگریزی ویب پینل کا بلاک ڈائریکشن پائین کی جانب کا ہوتا ہے، بلاک ڈائریکشن کس کسی CSS پرزنٹیج پر قائم ہوتا ہے، مثلاً writing-mode 定义。

吸附位置是指当你停止滚动时，子元素在容器中吸附到位的位置。

注意：此属性仅在块方向的 scroll-snap-align 属性设置为 'start' 时才起作用。

要看到 scroll-margin-block-start 属性的效果，必须在子元素上设置 scroll-margin-block-start 和 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

在块方向上，将对齐位置与容器之间的滚动外边距设置为 20px：

div {
  scroll-margin-block-start: 20px;
writing-mode: vertical-rl;

}

例子 2

当

div {
  div {
  scroll-margin-block-start: 50px;
writing-mode: vertical-rl;

کمپنی سے امتحان کریں

سی ایس ایس گرامرscroll-margin-block-start: 0|مقدار

ویژگی مقدار|مقصدی|وسیعت;

تکنیکی تفصیلات

براوزر سپورٹ

جداول میں دکھائی دیئے والی اعداد، اس کی پورا طور پر اس ویژگی کو سپورٹ کرنے والی پہلی براوزر کی نسخہ کی تعداد کا حوالہ دیتی ہیں。

متعلقہ صفحات

مشارکت:CSS سکرول-اسنپ-الائن اپریٹ

مشارکت:CSS سکرول-اسنپ-ٹائپ اپریٹ

مشارکت:CSS writing-mode کا پرزوگاری