- <html>
-
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <style>
- .brdr_cls {
- /*dotted,dashed,solid,groove,ridge,inset,outset*/
- border-style: double;
- border-color: red;
- width: 50px;
- height: 50px;
- }
- </style>
-
- </head>
-
- <body>
- <div class="brdr_cls"></div>
- </body>
-
- </html>
- Used of:-
Border style/center
border-style
This is used to style the border. border-style have some values they are
- border-style:double is used to create double line arround the html element.
eg)
This is example
- border-style:dotted is used to create dotted line arround the html element.
eg)
This is example
- border-style:dashed is used to create dashed line arround the html element.
eg)
This is example
- border-style:solid is used to create normal line arround the html element.
eg)
This is example
- border-style:groove is specifies a 3D grooved border. The effect depends on the border-color value.
eg)
This is example
- border-style:ridge is specifies a 3D ridged border. The effect depends on the border-color value.
eg)
This is example
- border-style:inset is specifies a 3D inset border. The effect depends on the border-color value.
eg)
This is example
- border-style:outset is specifies a 3D outset border. The effect depends on the border-color value.
eg)
This is example
- border-style:double is used to create double line arround the html element.
eg)This is example - border-style:dotted is used to create dotted line arround the html element.
eg)This is example - border-style:dashed is used to create dashed line arround the html element.
eg)This is example - border-style:solid is used to create normal line arround the html element.
eg)This is example - border-style:groove is specifies a 3D grooved border. The effect depends on the border-color value.
eg)This is example - border-style:ridge is specifies a 3D ridged border. The effect depends on the border-color value.
eg)This is example - border-style:inset is specifies a 3D inset border. The effect depends on the border-color value.
eg)This is example - border-style:outset is specifies a 3D outset border. The effect depends on the border-color value.
eg)This is example
border-color
This is used to set the border color.
Css:- Border style
Reviewed by Network security
on
May 06, 2019
Rating:
Reviewed by Network security
on
May 06, 2019
Rating:
No comments: