Border Generator

Composez une bordure CSS sur mesure : largeur, style et couleur, avec un aperçu instantané et un export CSS, SCSS et Sass.

Paramètres

Aperçu

Aperçu

Code


            
            
            

Guide d'utilisation

La propriété raccourcie border combine largeur, style et couleur : border: 2px solid #2563eb;. Le rayon est géré séparément par border-radius.

  • Utilisez dashed ou dotted pour des séparateurs légers.
  • Une bordure de 1px avec une couleur translucide donne un rendu moderne.

FAQ

Quelle différence entre solid et double ?

solid trace une ligne pleine ; double trace deux lignes parallèles dont l'épaisseur totale correspond à la largeur définie.

Comment faire une bordure d'un seul côté ?

Utilisez border-top, border-right, border-bottom ou border-left au lieu du raccourci border.