Css border or so-called border css these properties could allow us to determine the style and the border color of an element. Here I will give some examples of commonly used and may be useful.
SOME TYPES OF BORDER CSS
MAY BE USEFUL
SOME TYPES OF BORDER CSS
1. none 2. dotted 3. dashed 4. solid 5. double 6. groove 7. ridge 8. inset 9. outset | : Do not define the border line : Defines a dotted line border. : Defines a dotted line border. Defining a full line border. Defining a double line border. : Defines a 3D grooved border line. : Defines a 3D ridged border line. : Defines a 3D inset border line. : Defines a 3D outset border line. |
- none <p style = "border: 3px none; # 000000; padding: 20px;"> Do not define the border line </ p>
- dotted <p style = "border: 3px dotted; # 000000; padding: 20px; align: center;"> Defines a dotted line border. </ p>
- dashed <p style = "border: 3px dashed; # 000000; padding: 20px;"> Define border dotted line. </ p>
- solid <p style = "border: 3px solid; # 000000; padding: 20px;"> Defines a full line border. </ p>
- double <p style = "border: 5px double; # 000000; padding: 20px;"> Defines a double line border. </ p>
- groove <p style = "border: 10px groove; # 000000; padding: 20px;"> Defines a 3D grooved border line. </ p>
- ridge <p style = "border: 10px ridge; # 000000; padding: 20px;"> Defines a 3D ridged border line. </ p>
- inset <p style = "border: 10px inset; # 000000; padding: 20px;"> Defines a 3D inset border line. </ p>
- outset <p style = "border: 10px outset; # FF3300; padding: 20px;"> Defines a 3D outset border line. </ p>
Does not define the border line
Defining a dotted line border.
Defining a dotted line border.
Defining a full line border.
Defining a double line border.
Defines a 3D grooved border line.
Defines a 3D ridged border line.
Defines a 3D inset border line.
Defines a 3D outset border line.
MAY BE USEFUL