CSS Gap
Build a gap rem rule.
Outputs gap: N rem from 0 to 4. Unlike CSS Letter Spacing this is flex/grid gap, not tracking. Unlike CSS Word Spacing this is not word gaps in a sentence. Copy the rule in this tab.
What CSS Gap does
Outputs gap: N rem from 0 to 4. Unlike CSS Letter Spacing this is flex/grid gap, not tracking. Unlike CSS Word Spacing this is not word gaps in a sentence. Copy the rule in this tab.
CSS Gap sits in the Design group on purpose. It is not CSS Letter Spacing (Build a letter-spacing em rule.) and not CSS Word Spacing (Build a word-spacing em rule.). Choose this page when you need Build a gap rem rule. If you stretch CSS Gap into a neighbor’s job, the result will look wrong even though the site chrome looks the same.
How to use CSS Gap
- Use CSS Gap for this design job (css gap). CSS Letter Spacing is adjacent (Build a letter-spacing em rule.) but not the same.
- Add the file type CSS Gap accepts. Hint from the path: css gap. Build a gap rem rule.
- Set only the options that match CSS Gap. Neighbor CSS Word Spacing does something else (Build a word-spacing em rule.). Tool note: Outputs gap: N rem from 0 to 4. Unlike CSS Letter Spacing this is flex/grid gap, not tracking. Unlike CSS Word Spacing this is not word gaps in a sentence. Copy the rule in this tab.
- Run CSS Gap in this tab. Browser memory still applies: 0–4 rem. CSS only. Copy in this tab.
- Download or copy the result from CSS Gap. If it is the wrong job, open CSS Letter Spacing instead.
When not to use CSS Gap
Skip CSS Gap when a neighbor tool matches better — start with CSS Letter Spacing or CSS Word Spacing — or when the description already warns the job will fail. In the tool’s own words: Outputs gap: N rem from 0 to 4. Unlike CSS Letter Spacing this is flex/grid gap, not tracking. Unlike CSS Word Spacing this is not word gaps in a sentence. Copy the rule in this tab.
Questions about CSS Gap
- What does CSS Gap do that other Design pages on this site do not?
- Outputs gap: N rem from 0 to 4. Unlike CSS Letter Spacing this is flex/grid gap, not tracking. Unlike CSS Word Spacing this is not word gaps in a sentence. Copy the rule in this tab. Short version: Build a gap rem rule.
- Does CSS Gap upload my file or text to Tool-You servers?
- No. CSS Gap runs in this browser tab. Files stay on the device. Limit note: 0–4 rem. CSS only. Copy in this tab.
- Should I use CSS Letter Spacing instead of CSS Gap?
- Use CSS Gap when you need Build a gap rem rule. Use CSS Letter Spacing when you need Build a letter-spacing em rule. They share a category (Design) but not the same job.
- What are the limits of CSS Gap?
- 0–4 rem. CSS only. Copy in this tab. Also: Outputs gap: N rem from 0 to 4. Unlike CSS Letter Spacing this is flex/grid gap, not tracking. Unlike CSS Word Spacing this is not word gaps in a sentence. Copy the rule in this tab.