Border Style Solid

The
edge-style
CSS holding is a shorthand property that sets the line style for all four sides of an chemical element’s edge.

Note:
The edge-style property can accept
Ane
to
Four
values at a time.

Syntax:

border-way: value;

Default Value

• none

Property Values:

• none: No edge is created and it is left patently.
• hidden: Just similar
  none,
  it doesn’t evidence any border unless a background paradigm is added, so the edge-superlative-width will be set up to 0 irrespective of the user-defined value.
• dotted: A series of dots are displayed in a line as the edge.
• solid: A unmarried solid and bold line is used equally a edge.
• dashed: A series of foursquare dashed lines are used equally a edge.
• double: Two lines placed parallel to each other act as the edge.
• groove: Displays a 3D grooved border, its upshot depends on border-color value.
• ridge: Displays a 3D ridged border, its event depends on border-color value.
• inset: displays a 3D inset border, its event depends on border-colour value.
• outset: Displays a 3D outset border, its effect depends on border-color value.

The
edge-style
property is a shorthand for the post-obit CSS backdrop:

• CSS border-bottom-style Holding: It south used to set the style of the bottom border of an element.
• CSS border-top-manner Property:
  It is used to specify the style of the top border.
• CSS border-left-style Property: It is used to set up the style of the left border of an element.
• CSS border-right-style Property:
  
  Information technology is used to change the appearance of the correct line segment of the edge of an element.
• CSS border-cake-way Belongings:
  It is used to set the individual logical cake border-style property values in a single place in the style sheet.
• CSS edge-inline-style Property:
  
  Information technology is an inbuilt property in CSS which is used to set the private logical cake inline-border-way property values in a single place in the mode sheet.

The
border-manner
holding may be defined past using one, 2, 3, or four values, as given below:

• If a single value is assigned, it will set the style for all 4 sides.
• If ii values are assigned, the start way is gear up to the top and bottom sides and the second will be set to the left & right sides.
• If iii values are assigned, the first style is set to the top, the second is set to the left and correct, the third is set to the bottom.
• If 4-style values are assigned, the styles are set to the pinnacle, correct, bottom, and left, which follows the clockwise guild.

The beneath examples illustrate the apply of the border-style holding.

Example 1:
This example is using only ane value for all borders.

Output:

Example ii:
This example is using multiple values for borders.

Output:

Supported Browser:
The browser supported by
edge-style Property
are listed below:

• Chrome 1.0
• Edge 12.0
• IE 4.0
• Firefox 1.0
• Safari 1.0
• Opera iii.5