Padding
padding CSS 简写属性控制元素所有四条边的内边距区域。
语法
内边距
| Class | 属性 |
|---|---|
| p-xs | padding: 4px; |
| p-sm | padding: 8px; |
| p-md | padding: 12px; |
| p-lg | padding: 16px; |
| p-xl | padding: 20px; |
上 · 内边距
| Class | 属性 |
|---|---|
| pt-xs | padding-top: 4px; |
| pt-sm | padding-top: 8px; |
| pt-md | padding-top: 12px; |
| pt-lg | padding-top: 16px; |
| pt-xl | padding-top: 20px; |
下 · 内边距
| Class | 属性 |
|---|---|
| pb-xs | padding-bottom: 4px; |
| pb-sm | padding-bottom: 8px; |
| pb-md | padding-bottom: 12px; |
| pb-lg | padding-bottom: 16px; |
| pb-xl | padding-bottom: 20px; |
左 · 内边距
| Class | 属性 |
|---|---|
| pl-xs | padding-left: 4px; |
| pl-sm | padding-left: 8px; |
| pl-md | padding-left: 12px; |
| pl-lg | padding-left: 16px; |
| pl-xl | padding-left: 20px; |
右 · 内边距
| Class | 属性 |
|---|---|
| pr-xs | padding-right: 4px; |
| pr-sm | padding-right: 8px; |
| pr-md | padding-right: 12px; |
| pr-lg | padding-right: 16px; |
| pr-xl | padding-right: 20px; |
上下 · 内边距
| Class | 属性 |
|---|---|
| py-xs | padding-top: 4px;padding-bottom: 4px; |
| py-sm | padding-top: 8px;padding-bottom: 8px; |
| py-md | padding-top: 12px;padding-bottom: 12px; |
| py-lg | padding-top: 16px;padding-bottom: 16px; |
| py-xl | padding-top: 20px;padding-bottom: 20px; |
左右 · 内边距
| Class | 属性 |
|---|---|
| px-xs | padding-right: 4px;padding-left: 4px; |
| px-sm | padding-right: 8px;padding-left: 8px; |
| px-md | padding-right: 12px;padding-left: 12px; |
| px-lg | padding-right: 16px;padding-left: 16px; |
| px-xl | padding-right: 20px;padding-left: 20px; |