Expand description
Utilities for controlling the spacing between table borders.
| Class | Properties |
|---|---|
| border-spacing-<float> | border-spacing: <float / 4>rem <float / 4>rem; |
| border-spacing-<integer>/<integer> | border-spacing: (<integer>/<integer>)% (<integer>/<integer>)%; |
| border-spacing-px | border-spacing: 1px 1px; |
| border-spacing-x-<float> | border-spacing: <float / 4>rem var(--en-border-spacing-y); |
| border-spacing-x-<integer>/<integer> | border-spacing: (<integer>/<integer>)% var(--en-border-spacing-y); |
| border-spacing-x-px | border-spacing: 1px var(--en-border-spacing-y); |
| border-spacing-y-<float> | border-spacing: var(--en-border-spacing-x) <float / 4>rem; |
| border-spacing-y-<integer>/<integer> | border-spacing: var(--en-border-spacing-x) (<integer>/<integer>)%; |
| border-spacing-y-px | border-spacing: var(--en-border-spacing-x) 1px; |
§Tailwind compatibility
Border spacing 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> or <length>_<length> property is allowed as arbitrary value.
For example, border-spacing-[1.3em] or border-spacing-[12px_25px].