CSS Border Generator
Generate CSS borders with live preview, per-side control, and presets
Side
Width
Style
Color #000000
Radius
All
CSS
border: 1px solid #000000; border-radius: 8px;
Presets
| Preview | Name | Category | Apply |
|---|---|---|---|
| Card | ui | ||
| Button | ui | ||
| Input | ui | ||
| Badge | ui | ||
| Avatar | ui | ||
| Tag | ui | ||
| Dashed | decorative | ||
| Dotted | decorative | ||
| Double | decorative | ||
| Inset | decorative | ||
| Bottom only | decorative | ||
| Left accent | decorative | ||
| Rainbow | gradient | ||
| Sunset | gradient | ||
| Ocean | gradient | ||
| Mint | gradient |