Start Here
Core Concepts
UI Effects
Animations
Box Shadows
Text Shadow
UI Widgets
Color Shade
Gradient
Text Gradient
Background Gradient
Border Gradient
Other Pages
Nav First Level
Nav Second Level
Nav Third Level
N
A
V
A
V
Border Style
Definition and Usage
The border-style property in CSS defines the appearance of an element's border. It determines how the border is displayed, such as solid, dashed, or dotted. The border-style property can be applied to all four sides of an element or specified individually for each side.
Border Style Examples
| Property | Value |
|---|---|
| BrSeDh | border-style: dashed; |
| BrSeDt | border-style: dotted; |
| BrSeDe | border-style: double; |
| BrSeGe | border-style: groove; |
| BrSeHn | border-style: hidden; |
| BrSeNe | border-style: none; |
| BrSeSd | border-style: solid; |
Note
- dashed – A series of dashes.
- dotted – A series of dots.
- double – Two solid lines with space in between.
- none – No border (default).
- groove – A 3D grooved effect.
- Hidden - Prevents the border from being displayed,
- solid – A continuous solid line.
Web Tool
Celebrate Tech © 2008 - 2024
Welcome Amit
Logout
Change Password
Change Email