CSS outline-style Property
 Complete CSS Reference
Definition
An outline is a line that is drawn around elements, outside the border edge,
to make the element "stand out". The outline-style property sets the
style of the outlines.
Note: Outlines do not take up space, and they do not have to be
rectangular.
Inherited: No
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.outlineStyle="dotted"
In our HTML DOM tutorial you can find more details about the
outlineStyle property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
|
button
{
outline-style: solid
}
|
Possible Values
| Value |
Description |
| none |
Default. Defines no outlines |
| dotted |
Defines a dotted outline |
| dashed |
Defines a dashed outline |
| solid |
Defines a solid outline |
| double |
Defines two lines around the element. The width of the
two lines are the same as the outline-width value |
| groove |
Defines a 3D grooved outline. The effect depends on the
outline-color value |
| ridge |
Defines a 3D ridged outline. The effect depends on the
outline-color value |
| inset |
Defines a 3D inset outline. The effect depends on the
outline-color value |
| outset |
Defines a 3D outset outline. The effect depends on the
outline-color value |
Try-It-Yourself Demos
Set the
style of an outline
This example demonstrates how to set the style of an outline.
Complete CSS Reference
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
|
| 
HOME
Printer friendly page
