CSS padding-block-end کا نمائش
- پچھلے صفحے کو دیکھیئے padding-block
- آئندہ صفحہ padding-block-start
定义和用法
元素的 padding-block-end
是指从元素的边框到内容在块方向结束处的空间。
CSS padding-block
和 padding-inline
属性与 CSS 属性 padding-top
、padding-bottom
、padding-left
和 padding-right
非常相似,但 padding-block
和 padding-inline
属性依赖于块方向和行内方向。
注意:相关的 CSS 属性 writing-mode
定义了块方向。这会影响块的起始和结束位置以及 padding-block
属性的结果。对于英文页面,块方向是向下的,行内方向是从左到右的。
实例
例子 1
在块方向的结束处设置内边距:
p { padding-block-end: 35px; }
例子 2
将
元素的 writing-mode 属性值设置为 vertical-rl 时,块方向是从右到左的。结果是元素的结束位置从底部移动到左侧:
div { writing-mode: vertical-rl; padding-block-end: 50px; }
CSS 语法
padding-block-end: auto|value|initial|inherit;
属性值
值 | 描述 |
---|---|
آوتو | 默认。元素的默认 padding-block-end 值。 |
length |
以 px、pt、cm 等单位指定 padding-block-end。不允许负值。 ملاحظہ کریں:سی ایس ایس اکائی. |
% | پینڈنگ بلوک ایند کو پیرنٹ کی پائیدار سمت میں کیپٹیبل بروسر کی بڑائی کا فیصد سے مخصوص کریں۔ |
مقصد | اس کیپٹیبل اپریشن کو اس کی مقصدی کیپٹیبل سے لینا، ملاحظہ کریں: مقصد. |
نکلیت | اس کیپٹیبل بروسر سے اس کیپٹیبل اپریشن کو نکلیت سے لینا، ملاحظہ کریں: نکلیت. |
تکنیکی تفصیلات
مقصد: | آوتو |
---|---|
نکلیت: | نہیں |
آنی میٹر تیار کاری: | پشتیبندی ہے۔ ملاحظہ کریں:آنی میٹر اپریشن کی خصوصیات. |
ورژن: | سی ایس ایس 3 |
جاوا اسکریپٹ گرامر: | آوبجیکٹ اسٹائل پینڈنگ بلوک ایند = "100 پیکسلس"; |
براوزر کی پشتیبندی
جداول میں دیکھئے جانے والی اعداد پہلے اس کیپٹیبل بروسر کی نسلیں کے لیے ہیں۔
کروم | ایج | فائرفاکس | سافاری | آپرا |
---|---|---|---|---|
87.0 | 87.0 | 41.0 | 12.1 | 73.0 |
مشارکت صفحات
مشارکت:CSS padding-block کا نمائش
مشارکت:CSS padding-block-start کا نمائش
مشارکت:CSS padding-inline کا نمائش
مشارکت:CSS padding-bottom کا نمائش
مشارکت:CSS padding-left کا نمائش
مشارکت:CSS padding-right کا نمائش
مشارکت:CSS padding-top کا نمائش
مشارکت:CSS writing-mode کا اپریشن
- پچھلے صفحے کو دیکھیئے padding-block
- آئندہ صفحہ padding-block-start