Loading Please Wait...
CSS border-style property is used to set the border line style of the element.
The border-style property can have following values:
Keyword values: solid, dotted, dashed, double, groove, ridge, inset, outset, hidden, none.
Global values: inherit, initial, revert, revert-layer, and unset.
Sets border style for all sides
border-style: solid;
First value sets style of top-bottom and second value sets style of left-right
border-style: solid dashed;
First value sets style of top, second value sets style of left-right and third value sets style of bottom
border-style: solid dashed groove;
First value sets style of top, second value sets style of right, third value sets style of bottom, and forth value sets style of left.
border-style: solid dashed groove none;
/* Keyword values */
border-style: none;
border-style: hidden;
border-style: dotted;
border-style: dashed;
border-style: solid;
border-style: double;
border-style: groove;
border-style: ridge;
border-style: inset;
border-style: outset;
/* top and bottom | left and right */
border-style: dotted solid;
/* top | left and right | bottom */
border-style: hidden double dashed;
/* top | right | bottom | left */
border-style: none solid dotted dashed;
/* Global values */
border-style: inherit;
border-style: initial;
border-style: revert;
border-style: revert-layer;
border-style: unset;
CSS provide border-top-style, border-right-style, border-bottom-style, border-left-style property to set border style of individual sides.
/* top border */
border-top-style: solid;
/* right border */
border-right-style: dashed;
/* bottom border */
border-bottom-style: dotted;
/* left border */
border-left-style: groove;
How you feel about this blog:
Share this blog on:
If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com
Contact Us
We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..
Copyright © , Lynxsia IT Solutions, All rights reserved