Border Styles By Bombfactor

By Bombfactor
POSTED: 22 Jun 2011 19:06
CATEGORY: Educational
FEATURED: Yes (JABINATOR)
(Go to comments)

Well i thought I would finaly make this blog because some members need help with the whole border style. I'm here to explain what they are and what they do.

For those who dont know the code for a css border it is 'border-style:dotted;'. Here's an example in a complete css code '[ style ]TD{border:dotted;}[ /style ]'.

I've tested the border style on most of the css, like TD and DIV and they worked fine. Hope these help. Oh, this blog uses the css virder style dotted.

Dotted

Dotted gives the border as a series of dots.

Dashed

Dashed implements the border as a series of dashes.

Solid

Dolid implements the border as a solid line.

Double

Double implements the border as two solid lines.

Groove

Groove is a three-dimensional effect that gives the impression that the border is carved into the canvas.

Ridge

Ridge is a 3D effect that has the opposite effect of groove, in that the border appears to protrude from the canvas.

Inset

Inset is a 3D effect that gives the impression that the box is embedded into the canvas.

Outset

Outset is a 3D effect that has the opposite effect of inset in that the border gives the impression that the box protrudes from the canvas.

Please comment and thumbs up if it help. Thank You.

+27 -1