Border

* There are a variety of ways to control the borders of our HTML elements with CSS.
* border-style controls the appearance of the line, e.g. dashed, dotted, groove, solid ... and many many more.
* border-width controls the thickness of the lines, e.g. thin, medium, thick (keyword properties) or can also use an integer value.
* border-color controls the colour of the lines using either keywords or hexadecimal values.
* You can use the above to set the style, width and colour of the whole border, or you can insert top, bottom, left or right into each one to control just one side of the border, e.g. border-top-style:dotted; border-right-width:thin;
* NB: Be careful when using the keyword properties for border width as the actual thickness is determined by the browser so may not be consistent.