Border Spacing

Set the distance between table borders.

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

Chrome

Edge

Firefox

Safari

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;

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

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