CSS outline-style Property
 Complete CSS Reference
Example
Set the style of an outline:
p
{
outline-style:dotted;
} |
Try it yourself »
More examples at the bottom of this page.
|
Definition and Usage
An outline is a line that is drawn around elements (outside the borders)
to make the element "stand out".
The outline-style property specifies the style of an
outline.
| Default value: |
none |
| Inherited: |
no |
| Version: |
CSS2 |
| JavaScript syntax: |
object.style.outlineStyle="dotted" |
Browser Support
The outline-style property is supported in all major browsers.
Note: Internet Explorer 8 (and higher) supports the outline-style
property if a !DOCTYPE is specified.
Property Values
| Value |
Description |
| none |
Specifies no outline |
| dotted |
Specifies a dotted outline |
| dashed |
Specifies a dashed outline |
| solid |
Specifies a solid outline |
| double |
Specifies a double outliner |
| groove |
Specifies a 3D grooved outline. The effect depends on the
outline-color value |
| ridge |
Specifies a 3D ridged outline. The effect depends on the
outline-color value |
| inset |
Specifies a 3D inset outline. The effect depends on the
outline-color value |
| outset |
Specifies a 3D outset outline. The effect depends on the
outline-color value |
| inherit |
Specifies that the outline style should be inherited
from the parent element |
 |
Try it Yourself - Examples |
Set the style of an outline
This example demonstrates how to set the style of an outline.
Related Pages
CSS tutorial: CSS Outline
CSS reference: outline property
HTML DOM reference: outlineStyle property
Complete CSS Reference
Create a free Flash website with our simple, online web design editing platform. Stunning templates
and user-friendly tools make website building easy and fun.
Start Creating your free website now!
Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file,
Excel 2007, XBRL, or Web services data. Then it transforms data instantly or
auto-generates royalty-free code for recurrent conversions.
New features in Version 2010!
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
- Available in 32-bit and 64-bit versions
Download a fully-functional trial today!
|
|
|
| 
