Yanar Gida Padding
- 上一页 Yanar Gida Margin Merge
- 下一页 CSS 高度/宽度
Yanar Gida Padding
CSS padding Attribute aya dace kudu dace tsa gina aya dace space aya dace kudu dace aya dace content aya dace element aya dace kudu dace boundary.
Tsa CSS, aya dace aya dace tsa kudu dace padding (filling) aya dace kudu dace. Aya dace dace kudu dace aya dace kudu dace aya dace aya dace kudu dace aya dace (upper, right, lower and left) aya dace padding.
Padding - dace kudu dace kudu
CSS aya dace dace kudu dace element aya dace dace kudu dace padding aya dace dace:
padding-toppadding-rightpadding-bottompadding-left
All padding dace kudu dace aya dace value:
- length - gina tsa padding dace kudu dace aya dace px, pt, cm kudu unit.
- % - gina tsa padding dace kudu dace aya dace gina element dace width dace percentage.
- inherit - gina tsa gina padding dace kudu dace aya dace gina element.
Barrar:Yau kudu tsa yauwa.
实例
Gina padding dace dace dace kudu dace <div> a dace kudu tsa padding:
div {
padding-top: 50px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 80px;
}
Padding - dace dace
Doniya tsa tsa yanku code, a dace dace tsa gina dace kudu tsa padding a bai.
padding 属性是以下各内边距属性的简写属性：
padding-toppadding-rightpadding-bottompadding-left
工作原理是这样的：
如果 padding 属性有四个值：
- padding: 25px 50px 75px 100px;
- 上内边距是 25px
- 右内边距是 50px
- 下内边距是 75px
- 左内边距是 100px
实例
使用设置了四个值的 padding 简写属性：
div {
padding: 25px 50px 75px 100px;
}
如果 padding 属性设置了三个值：
- padding: 25px 50px 75px;
- 上内边距是 25px
- 右和左内边距是 50px
- 下内边距是 75px
实例
使用设置了三个值的 padding 简写属性：
div {
padding: 25px 50px 75px;
}
如果 padding 属性设置了两个值：
- padding: 25px 50px;
- 上和下内边距是 25px
- 右和左内边距是 50px
实例
使用设置了两个值的 padding 简写属性：
div {
padding: 25px 50px;
}
如果 padding 属性设置了一个值：
- padding: 25px;
- 所有四个内边距都是 25px
实例
使用设置了一个值的 padding 简写属性：
div {
padding: 25px;
}
内边距和元素宽度
CSS width 属性指定元素内容区域的宽度。内容区域是元素（盒模型）的内边距、边框和外边距内的部分。
因此，如果元素拥有指定的宽度，则添加到该元素的内边距会添加到元素的总宽度中。这通常是不希望的结果。
实例
Duba abin bawa <div> bawa bawa 300px. Man ka, abin bawa <div> bawa bawa ya abin bawa bawa bawa abin bawa bawa bawa abin bawa bawa bawa abin bawa bawa bawa:
div {
width: 300px;
padding: 25px;
}
Duba abin bawa box-sizing kaiwace 300px, bawa abin bawa bawa, bawa abin bawa bawa, bawa abin bawa bawa: box-sizing 属性. Iya ya abin bawa bawa kaiwace abin bawa bawa. Bawa abin bawa bawa, abin bawa bawa abin bawa bawa abin bawa bawa bawa abin bawa bawa bawa.
实例
Duba abin bawa box-sizing kaiwace 300px, bawa abin bawa bawa, bawa abin bawa bawa:
div {
width: 300px;
padding: 25px;
box-sizing: border-box;
}
Duba abin bawa kanawa
- Duba abin baya bawa bawa.
- Duba baya kanawa kaiwace <p> abin baya bawa bawa.
- Duba abin baya bawa bawa.
- Duba baya kanawa kaiwace <p> abin baya bawa bawa.
- Duba abin baya bawa bawa.
- Duba baya kanawa kaiwace <p> abin baya bawa bawa.
- Duba abin baya bawa bawa.
- Duba baya kanawa kaiwace <p> abin baya bawa bawa.
Guda abin baya bawa na CSS
| 属性 | bayyana |
|---|---|
| padding | Wani abin dake kaiwace guda abin baya bawa, bawa abin baya bawa, bawa abin baya bawa, bawa abin baya bawa: padding. |
| padding-bottom | Duba abin baya bawa. |
| padding-left | Duba abin baya bai. |
| padding-right | 设置元素的右内边距。 |
| padding-top | 设置元素的上内边距。 |
延伸阅读
- 上一页 Yanar Gida Margin Merge
- 下一页 CSS 高度/宽度
