Topic Progress:

Borders are the property that can be used to frame an HTML element. It separates padding and margin. Borders have some interesting properties that are unique to them.

border-style is a property that you can use to define what kind of border you want. Some potential types are:

  • dotted
  • dashed
  • solid
  • double

You have to set a border-style for the border to appear around an element!

Borders also can have colors set to them, by using the border-color property.

Syntax Example

To create a border for an element, you reference the element and change the properties accordingly. For example, if we want to put a border around an h1 tag, this is how we could do it.

h1 {

border-style: dashed;

border-color: blue;



Not recently active