Expand description
Utilities for controlling an element’s padding.
| Class | Properties |
|---|---|
| p-<float> | padding: <float / 4>rem; |
| p-<integer>/<integer> | padding: (<integer>/<integer>)%; |
| p-px | padding: 1px; |
| p-auto | padding: auto; |
| px-<float> | padding-inline: <float / 4>rem; |
| px-<integer>/<integer> | padding-inline: (<integer>/<integer>)%; |
| px-px | padding-inline: 1px; |
| px-auto | padding-inline: auto; |
| py-<float> | padding-block: <float / 4>rem; |
| py-<integer>/<integer> | padding-block: (<integer>/<integer>)%; |
| py-px | padding-block: 1px; |
| py-auto | padding-block: auto; |
| ps-<float> | padding-inline-start: <float / 4>rem; |
| ps-<integer>/<integer> | padding-inline-start: (<integer>/<integer>)%; |
| ps-px | padding-inline-start: 1px; |
| ps-auto | padding-inline-start: auto; |
| pe-<float> | padding-inline-end: <float / 4>rem; |
| pe-<integer>/<integer> | padding-inline-end: (<integer>/<integer>)%; |
| pe-px | padding-inline-end: 1px; |
| pe-auto | padding-inline-end: auto; |
| pt-<float> | padding-top: <float / 4>rem; |
| pt-<integer>/<integer> | padding-top: (<integer>/<integer>)%; |
| pt-px | padding-top: 1px; |
| pt-auto | padding-top: auto; |
| pr-<float> | padding-right: <float / 4>rem; |
| pr-<integer>/<integer> | padding-right: (<integer>/<integer>)%; |
| pr-px | padding-right: 1px; |
| pr-auto | padding-right: auto; |
| pb-<float> | padding-bottom: <float / 4>rem; |
| pb-<integer>/<integer> | padding-bottom: (<integer>/<integer>)%; |
| pb-px | padding-bottom: 1px; |
| pb-auto | padding-bottom: auto; |
| pl-<float> | padding-left: <float / 4>rem; |
| pl-<integer>/<integer> | padding-left: (<integer>/<integer>)%; |
| pl-px | padding-left: 1px; |
| pl-auto | padding-left: auto; |
§Tailwind compatibility
Padding values don’t follow Tailwind’s philosophy of limiting possible values and all spacing values are supported. They are however perfectly compatible with Tailwind’s values.
§Arbitrary values
Any <length> property is allowed as arbitrary value.
For example, pb-[2pt].