Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser

Border Style

It's not possible to view a box's border if the border's style has not been set. A border's style can be set with the border-style property. This property can take on one of the following values:

  1. solid - border is a solid line.
  2. dashed - border is a series of lines or dashes.
  3. dotted - border is a series of square dots.
  4. double - border is two solid black lines.
  5. groove - border is a groove (or carving).
  6. inset - border appears to cut into the screen.
  7. outset - border appears to pop out of the screen.
  8. ridge - border appears as a picture frame.
  9. hidden or none - no border.
div { border-style: solid; }

In the example above, a solid black line will appear around all divs on the page.

Report a Bug
If you see a bug or any other issue with this page, please report it here.