CSS حاشیه-بلاک-اند خاتمه ویژگی
- 上一页 margin-block
- 下一页 margin-block-start
تعریف اور استعمال
margin-block-end
اپریشن بلاک سمت کی ختم کی دوری کو معین کرتی ہے۔
سی ایس ایس کی margin-block
اور margin-inline
اپریشن اپریشن سی ایس ایس کی
margin-bottommargin-top
margin-bottom،
اور margin-left
margin-right margin-block
اور margin-inline
اپریشن بلاک سمت اور سطر سمت پر منحصر ہوتی ہے。
تذکرہ:متعلق سی ایس ایس اپریشنوں پر اثر انداز میں آتی ہے writing-mode
بلاک سمت کو معین کرتی ہے، جو بلاک کی شروعات اور ختم کی سمت اور margin-block-end
اپریشن کا نتیجہ، براہ کرم دیکھئے۔ براہ کرم انگریزی صفحات کے لئے، بلاک سمت سمت سے ہوتی ہے اور سطر سمت سمت چپ سمت سے ہوتی ہے۔
مثال
مثال 1
بلاک سمت کی ختم کی دوری کو سیٹ کریں:
div { margin-block-end: 35px; }
مثال 2
جب <div> علامت کی writing-mode
وارثیت کی مقدار vertical-rl کی صورت میں، بلاک سمت از راست چپ سمت سے ہوتی ہے۔ نتیجہ یہ ہوتا ہے کہ علامت کی ختم سمت سے نیچے موصول ہوتی ہے اور سمت چپ موصول ہوتی ہے۔ اس لئے، writing-mode کی تبدیلی margin-block-end کا اثر بھی متاثر کرتی ہے:
#parentDiv { writing-mode: vertical-rl; } #myDiv { margin-block-end: 50px; }
سی ایس ایس زبان
margin-block-end: آوتو|طول|مقصد|وارث;
اپریشن کا مقدار
مقدار | وصف |
---|---|
آوتو | مقصد مقدار |
طول |
دوری معین کریں، اکائی px،pt،cm وغیرہ کا استعمال کریں۔ منفی اعداد کی اجازت ہے。 ملاحظہ کریں:سی ایس ایس یونٹ。 |
% | والد عنصر کی سطر کی سمت میں کی سمت سے مرتبط فیصدی دوری معین کریں。 |
مقصد | اس اپریشن کو اس کی مقصد مقدار میں سیٹ کریں، ملاحظہ کریں: مقصد。 |
وارث | اس اپریشن کو اس کی والد عنصر سے وارث کریں، ملاحظہ کریں: وارث。 |
تکنیکی تفصیلات
مقصد: | آوتو |
---|---|
وارثیت: | نہیں |
آنیماشن کا تخلیق: | پشتیبانی کی جاتی ہے، ملاحظہ کریں:آنیماشن سے متعلق اپریشن。 |
ورژن: | سی ایس ایس3 |
جاوا اسکریپت زبان: | object.style.marginBlockEnd="20px" |
بھرپائی درست کریں
جداول میں دوسرے اعداد اس کی اپنائی جانے والی پیمانوں کی نسخہ کاری کا حوالہ دیتے ہیں。
کروم | ایج | فائرفاکس | سافاری | آپرا |
---|---|---|---|---|
87.0 | 87.0 | 41.0 | 12.1 | 73.0 |
相关页面
- 上一页 margin-block
- 下一页 margin-block-start