10 Must Know CSS Border Styles

Most of us are aware of just a few CSS Border style options - solid, dotted or dashed. But do you know there are more, and some of them are pretty awesome! In this video we cover all 10 CSS Border Styles. 1. double: Used to create a double-line border. 2. groove: Used to create a 3D grooved border. The effect depends on the color value. 3. ridge: Used to create a 3D ridged border. The effect depends on the color value. 4. inset: Used to create a 3D inset border. The effect depends on the color value. 5. outset: Used to create a 3D outset border. The effect depends on the color value. 6. none: To removes the border. 7. hidden: Similar to none, but it still takes up space. 8. dotted: Used to create a dotted border with small dots.