CSS padding-block کوالیتی

تعریف و استفاده

عنصر padding-block یعنی فضای بین لبه و محتوای آن در جهت بلوک، که کوتاه‌نویسی از موارد زیر است:

padding-block 属性的值可以通过不同的方式设置:

如果 padding-block 属性有两个值:

padding-block: 10px 50px;
  • 起始处的内边距为 10px
  • 结束处的内边距为 50px

如果 padding-block 属性有一个值:

padding-block: 10px;
  • 起始处和结束处的内边距均为 10px

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

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

实例

例子 1

设置块方向两侧的内边距:

p {
  padding-block: 35px;
}

亲自试一试

例子 2

元素的 writing-mode 属性值设置为 vertical-rl 时,元素的起始位置从顶部移动到右侧,结束位置从底部移动到左侧:

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

亲自试一试

CSS 语法

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

属性值

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

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

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

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

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

مقصد: آوتو
وارثیت: نہیں
اینیمیشن بنانے: حمایت: دیکھئے:اینیمیشن سے متعلق اورتیات
نسل: سی ایس ایس3
جاوا اسکریپت زبان: آپج سائنس کی جملہ: object.style.paddingBlock="100px 50px"

براوزر کی حمایت

جداول میں دیجیت کی تعداد پہلے اس کی اپنائی جانے والی براوزر کی نسلی کا عدد کا نشان دہی کرتی ہے。

کروم ایج فائرفاکس سافری آپرا
87.0 87.0 66.0 66.0 14.1

73.0

مرتبط صفحاتCSS padding-block-end کوالیتی

مرتبط صفحاتCSS padding-block-start کوالیتی

مرتبط صفحاتCSS padding-inline کوالیتی

مرتبط صفحاتCSS padding-bottom کوالیتی

مرتبط صفحاتCSS padding-left کوالیتی

مرتبط صفحاتCSS padding-right کوالیتی

مرتبط صفحاتCSS padding-top کوالیتی

مرتبط صفحاتCSS writing-mode کیمپٹ