Border CSS Generator

Playground

px
Preview
border: {{settings.width}}px {{settings.style}} {{settings.color}};

The CSS border properties allow you to specify the style, width, and color of an element’s border.

CSS Border Style

The border-style property specifies the style of the border, and can have one of the following values:

  • dotted – Defines a dotted outline
  • dashed – Defines a dashed outline
  • solid – Defines a solid outline
  • double – Defines a double outline
  • groove – Defines a 3D grooved outline
  • ridge – Defines a 3D ridged outline
  • inset – Defines a 3D inset outline
  • outset – Defines a 3D outset outline
  • none – Defines no outline
  • hidden – Defines a hidden outline