In this lecture we will explore how to add borders around an element. We will start by creating a class with commonly used border style properties.
Border: 1px; (border-bottom, border-left, border-right, border-top)
border-color: #333333; (color name, hexadecimal number, RGB Code).
Border-style: Dashed (dotted, double, groove, hidden, inset, none, outset, ridge, solid)
The first property,
border, is used to specify where the border will be applied, and the thickness. The thickness is stated in pixels.
border-leftare also other values that can be used. If we leave it as just
border, the border will be applied to all four sides.
border-color. This will be the color of the border itself. The
border-colorvalue can be represented by a color name, hexadecimal number, or RGB code.
border-styleproperty. There are serveral possible styles. We have used dashed which will create a dashed-line border effect.