CSS padding-block کوالیتی
- مطابقت: پچھلے صفحے
- آئندہ صفحہ padding-block-end
تعریف و استفاده
عنصر padding-block
یعنی فضای بین لبه و محتوای آن در جهت بلوک، که کوتاهنویسی از موارد زیر است:
padding-block
属性的值可以通过不同的方式设置:
如果 padding-block 属性有两个值:
padding-block: 10px 50px;
- 起始处的内边距为 10px
- 结束处的内边距为 50px
如果 padding-block 属性有一个值:
padding-block: 10px;
- 起始处和结束处的内边距均为 10px
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: 35px; }
例子 2
当
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 کیمپٹ
- مطابقت: پچھلے صفحے
- آئندہ صفحہ padding-block-end