CSS padding-block-end کا نمائش

定义和用法

元素的 padding-block-end 是指从元素的边框到内容在块方向结束处的空间。

CSS padding-blockpadding-inline 属性与 CSS 属性 padding-toppadding-bottompadding-leftpadding-right 非常相似,但 padding-blockpadding-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 کا اپریشن