CSS Border Generator

Generate copy-ready CSS in your browser.

Border width

Border style

Border color

CSS output

Related tools: HTML Preview · Base64 Encoder · UUID Generator

About CSS Border Generator

Set a width, a style (solid, dashed, dotted and so on) and a colour, and CSS Border Generator outputs the matching border shorthand, for example border: 2px solid #4f46e5;. Copy the rule into your stylesheet.