CSS padding-block-start کا حصول

定义和用法

元素的 padding-block-start 是指在其块方向起始处,从边框到内容的空间。

CSS padding-blockpadding-inline 属性与 CSS 属性 padding-toppadding-bottompadding-leftpadding-right 非常相似,但 padding-blockpadding-inline 属性依赖于块方向和行内方向。

注意:相关的 CSS 属性 writing-mode 定义了块方向。这会影响块的起始和结束位置以及 padding-block 属性的结果。对于英文页面,块方向是向下的,行内方向是从左到右的。

实例

例子 1

在块方向的起始处设置内边距:

p {
  padding-block-start: 35px;
}

亲自试一试

例子 2

元素的 writing-mode 属性值设置为 vertical-rl 时,块方向是从右到左的。结果是元素的起始位置从顶部移动到右侧:

div {
  writing-mode: vertical-rl;
  padding-block-start: 50px;
}

亲自试一试

CSS 语法

padding-block-start: auto|value|initial|inherit;

属性值

描述
آوتو 默认。元素的默认 padding-block-start 值。
length

以 px、pt、cm 等单位指定 padding-block-start。不允许负值。

请参阅:سی ایس ایس یونٹ

% 以父元素在行内方向上的大小的百分比指定 padding-block-start。
initial 将此属性设置为其默认值。参阅 initial
کمیت 从其父元素继承此属性。参阅 کمیت

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

دفعتی طور پر: آوتو
کمیت: نہیں
آنیماشن کی تیاری: سپورٹ کیا گیا ہے۔ ملاحظہ کریں:آنیماشن سے متعلق اپریشن
ورژن: سی ایس ایس 3
جسکریپت گرامر: object.style.paddingBlockStart="100px"

براہ راست سپورٹ

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

کروم ایج فائرفاکس سافاری آپرا
87.0 87.0 41.0 12.1 73.0

مطابقت سائیٹ

مطالبه:CSS padding-block کا حصول

مطالبه:CSS padding-block-end کا حصول

مطالبه:CSS padding-inline کا حصول

مطالبه:CSS padding-bottom کا حصول

مطالبه:CSS padding-left کا حصول

مطالبه:CSS padding-right کا حصول

مطالبه:CSS padding-top کا حصول

مطالبه:CSS writing-mode کا پرزنٹیشن