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
 |
 |
 |
 |
|
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
 |
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
 |
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Utilize the extensive out-of-the box features or customize your site through Ektron CMS400.NET's open architecture |
 |
Promote collaboration in your organization through project workspaces where others can efficiently find information and work together |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
|
|
 |
TAKE THE VIDEO TOUR |
 |
or download a FREE TRIAL today. |
|
HOME
Printer friendly page
