BrijiRaj.com

Outline

Quite frankly, this property has dropped off the existence of the design radar. Mainly because of lack of browsers supporting this CSS 2.1 standard (yep, it’s an actual property), but nonetheless, it too has a shorthand property. This property follows the exact same (or same exact - they mean the same thing) specification as the ‘border’ shorthand property. But, for purposes of this being a Guide, it must be here. So:

outline properties

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

Outline written as shorthand:

outline shorthand property

element {
outline:3px dotted gray;
}

\\ 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