What's new?
|
Help
|
Directory
|
Sign in
doctype
Documenting the open web
Project Home
Wiki
Issues
Source
Search
Search Within:
All Wiki Pages
Featured Pages
Current Pages
Deprecated Pages
for
Updated
Sep 19, 2008
by
pilgrim
Labels:
about-css
,
is-css-property
,
from-w3c
OutlineCSSProperty
The outline property is a shorthand property for setting 'outline-style', 'outline-width', and 'outline-color'.
You are here:
Home
>
CSS Reference
>
Properties
>
outline
Usage
Values
[ 'outline-color' || 'outline-style' || 'outline-width' ]
inherit
Browser compatibility
Compatibility table legend
Test
IE8
IE7
IE6
FF3
FF2
Saf3
Op9
Chrome
style.outlineColor reflects <div style='outline: #808080'>
N
N
N
Y
Y
Y
Y
Y
style.outlineWidth reflects <div style='outline: 0'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1cm'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1cm; outline-style: solid'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1cm solid'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1em'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1em; outline-style: solid'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1em solid'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1ex'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1ex; outline-style: solid'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1ex solid'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1in'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1in; outline-style: solid'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1in solid'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1mm'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1mm; outline-style: solid'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1mm solid'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1pc'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1pc; outline-style: solid'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1pc solid'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1pt'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1pt; outline-style: solid'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1pt solid'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1px'>
Y
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: 1px; outline-style: solid'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineWidth reflects <div style='outline: 1px solid'>
N
N
N
N
N
N
Y
N
style.outlineColor reflects <div style='outline: black'>
N
N
N
Y
Y
Y
Y
Y
style.outlineStyle reflects <div style='outline: bogus'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineStyle reflects <div style='outline: dashed'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineStyle reflects <div style='outline: dotted'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineStyle reflects <div style='outline: double'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineStyle reflects <div style='outline: groove'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineStyle reflects <div style='outline: hidden'>
N
N
N
N
N
Y
Y
Y
style.outlineStyle reflects <div style='outline: inset'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineStyle reflects <div style='outline: none'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineStyle reflects <div style='outline: outset'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineColor reflects <div style='outline: rgb(0, 0, 0)'>
Y
N
N
N
N
N
Y
N
style.outlineStyle reflects <div style='outline: ridge'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineStyle reflects <div style='outline: solid'>
Y
N
N
Y
Y
Y
Y
Y
style.outlineWidth reflects <div style='outline: thick'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: thick; outline-style: solid'>
N
N
N
N
N
Y
Y
Y
style.outlineWidth reflects <div style='outline: thick solid'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: thin'>
N
N
N
N
N
N
Y
N
style.outlineWidth reflects <div style='outline: thin; outline-style: solid'>
N
N
N
Y
Y
N
Y
N
style.outlineWidth reflects <div style='outline: thin solid'>
N
N
N
N
N
N
Y
N
style.outlineColor reflects <div style='outline: transparent'>
Y
N
N
Y
N
N
Y
N
style.outlineStyle reflects <div style='outline: window-inset'>
Y
N
N
N
N
N
Y
N
Further reading
The outline property in CSS 2.1
The history of the outline property on blooberry.com
The outline property on the SitePoint CSS Reference
Sign in
to add a comment