# Border Spacing

Set the distance between table borders.

**Widely available.** This feature is well established and works across many devices and browser versions.

Chrome 1 · Edge 12 · Firefox 1 · Safari 1

| Class | Properties | Value |
|-------|------------|-------|
| `bs:0` | border-spacing | `0` |
| `bs:1` | border-spacing | `.25rem` |
| `bs:2` | border-spacing | `.5rem` |
| `bs:3` | border-spacing | `.75rem` |
| `bs:4` | border-spacing | `1rem` |
| `bs:5` | border-spacing | `1.25rem` |
| `bs:6` | border-spacing | `1.5rem` |
| `bs:7` | border-spacing | `1.75rem` |
| `bs:8` | border-spacing | `2rem` |
| `bs:px` | border-spacing | `1px` |

### Media Queries

Prefix a class with a breakpoint to apply it from that width up.

| Class | Properties | Value |
|-------|------------|-------|
| `bs:0` | border-spacing | `0` |
| `bs:1` | border-spacing | `.25rem` |
| `bs:2` | border-spacing | `.5rem` |
| `bs:3` | border-spacing | `.75rem` |
| `bs:4` | border-spacing | `1rem` |
| `bs:5` | border-spacing | `1.25rem` |
| `bs:6` | border-spacing | `1.5rem` |
| `bs:7` | border-spacing | `1.75rem` |
| `bs:8` | border-spacing | `2rem` |
| `bs:px` | border-spacing | `1px` |

### Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

| Class | Properties | Value |
|-------|------------|-------|
| `bs:0` | border-spacing | `0` |
| `bs:1` | border-spacing | `.25rem` |
| `bs:2` | border-spacing | `.5rem` |
| `bs:3` | border-spacing | `.75rem` |
| `bs:4` | border-spacing | `1rem` |
| `bs:5` | border-spacing | `1.25rem` |
| `bs:6` | border-spacing | `1.5rem` |
| `bs:7` | border-spacing | `1.75rem` |
| `bs:8` | border-spacing | `2rem` |
| `bs:px` | border-spacing | `1px` |