Borders can be applied to almost any two-sided tag particularly in a paragraph. You can specify the line type of a border by using the border-style rule along with its line style listedin the table.

These are the following borders/values that we can use: 1)dotted - Defines a dotted border 2)dashed - Defines a dashed border 3)solid - Defines a solid border 4)double - Defines a double border 5)groove - Defines a 3D grooved border. The effect depends on the border-color value 6)ridge - Defines a 3D ridged border. The effect depends on the border-color value 7)inset - Defines a 3D inset border. The effect depends on the border-color value 8)outset - Defines a 3D outset border. The effect depends on the border-color value 9)none - Defines no border

Example of CSS code:

p.dotted {border-style: dotted;}

p.dashed {border-style: dashed;}

p.solid {border-style: solid;}

p.double {border-style: double;}

p.groove {border-style: groove;}

p.ridge {border-style: ridge;}

p.inset {border-style: inset;}

p.outset {border-style: outset;}

p.none {border-style: none;}

p.hidden {border-style: hidden;}

p.mix {border-style: dotted dashed solid double;}

Mga Komento