Test Page

== CSS Border Test ==
===Border Patterns===
Borders come in a variety of patterns. To change the pattern, change the middle item in the border code - border:1px SOLID black, border:3px DASHED blue.
This is a solid border. (Code: Text Goes Here)
This is a dashed border. (Code: Text Goes Here)
This is a dotted border. (Code: Text Goes Here)
This is a double border. (Code: Text Goes Here)
This is a groove border. (Code: Text Goes Here)
This is an inset border. (Code: Text Goes Here)
This is an outset border. (Code: Text Goes Here)
This is a ridge border. (Code: Text Goes Here)
===Border Thickness===
Border thickness is the simplest attribute. Just change the _px in the border code - border:1px solid black, border:3px dashed blue. Greater numbers equal greater thicknesses and be sure to include the "px".
This is a 1px border. (Code: Text Goes Here)
This is a 4px border. (Code: Text Goes Here)
This is an 8px border. (Code: Text Goes Here)
This is a 12px border. (Code: Text Goes Here)
This is a 16px border. (Code: Text Goes Here)
This is a 20px border. (Code: Text Goes Here)
===Border Color===
Border color, like the thickness, is fairly simple. Change the last item in the border code - border:1px solid BLACK, border:3px dashed BLUE. You can use a HEX code, a color name, an RGB/RGBA code, whatever you'd like to represent the color.
This is a blue border made using color names. (Code: Text Goes Here)
This is a magenta border made using hex codes. (Code: Text Goes Here)
This is a slightly transparent red border made using RGB.( Code: Text Goes Here)
====Border-Multi Color====
This is a multi color border made using color names. (Code: Text Goes Here)
Category:Test Page