BrijiRaj.com

Border

The regular border properties:

element {
border-width: number+unit;
border-style: (numerous);
border-color: color || #hex || (rgb / % || 0-255);
}

becomes this:
the border shorthand properties

element {
border:
4px
groove
red
}

border examples

p {
border:solid blue;
}


will create a solid blue border…

p {
border:5px solid;
}

will create 5px solid ‘black’ border…

p {
border:dashed;
}

will create a ‘3px’ dashed ‘black’ border…

p { border:10px red; }
p { border:10px; }
p { border:red; }

these just don’t even work

One thing to specially take note about declaring a border without a color, the default will be ‘black’ unless otherwise noted through an explicit or inherited ‘color’ property.

\\ tags: background elements, background properties, background styles, border shorthand, border styles, CSS, CSS hacks, css shorthand gudies, css shorthands, CSS tips & tricks, font style shorthand, font styles, HTML, list table shorthand, list table styles, margin and padding shorthand, margin and padding styles, outline shorthand, outline styels