Note: Internal CSS Syntax can be set for all cases as set above. Four values: Defines style for top, right, bottom, left respectively.Three values: First for top, second for left and right and third for bottom.Two values: First value for top and bottom and second for right and left side.One value: border style for all four sides.

Rest properties of border won't work until style is specified.īorder-style contains atleast one and maximum of four values: Heading without border Heading with border 1) Border Styleīorder-style property defines the style of border around the element.

Radius: A new feature supported by latest web browsers is adding a rounded edge to borders.Color: It defines the color of the border.It is an optional attribute and has inbuilt default value. width: It defines the thickness of the border.Style: The type of border you want as in solid, dashed etc.We will take a look at the following topics:ĬSS Borders are used to create border around any HTML Tag. Borders are an effective way to bring attention to a particular element in a page. In this article, we will explore the basics of CSS for adding different borders around HTML elements. Reading time: 20 minutes | Coding time: 2 minutes

How to add border to text in html