CSS Property border

The border property could be a shorthand property wont to specify the dimension, vogue and color of the highest, right, bottom, and left border of a box.

The border property could be a shorthand property for setting identical dimension, color, and elegance for all four borders of a box.

Unlike the shorthand margin and artefact properties, the border property cannot set completely different values on the four borders. To do so, one or additional of the opposite border properties should be used.

The border property will settle for one, 2 or 3 arguments as a value—omitted values area unit set to their initial values.

CSS Property border Value

  • <line-width>
  • <line-style>
  • <color>


The width of the element’s border. refer to the border-width property entry for a listing of attainable values.


The style of the element’s border. sit down with the border-style property entry for a listing of doable values.


The color of the element’s border. talk over with the border-color property entry for an inventory of potential values.

Desktop Browser Support

Mobile Browser Support


    border: 1em;
    border: solid orange;
    border: 1px dotted #eee;
    border: 5px solid teal;

One comment

  1. I cling on to listening to the news bulletin talk about receiving boundless online grant applications so I have been looking around for the most excellent site to get one. Could you advise me please, where could i find some?

Leave a Reply