CSS Home
CSS Reference
Pseudo Classes & Elements
© 2011 TutorialsPoint.COM
|
CSS - outline-color
Description:
The outline-color property determines the style of an outline around an element.
Possible Values:
- none: No outline is drawn.
- dotted: The outline is drawn as a series of dots.
- dashed: The outline is drawn as a series of short line segments.
- solid: The outline is drawn as a single unbroken line.
- double: The outline is drawn as a pair of unbroken lines.
- groove: The outline is drawn as though it were a furrow carved into the surface of the document.
- ridge The outline is drawn as though it were a ridge pushing up the surface of the document.
- inset: The outline is drawn as though the entire element is pushing the surface of the document away from the user.
- outset: The outline is drawn as though the entire element is pushing the surface of the document toward the user.
Applies to:
All the HTML elements
DOM Syntax:
object.style.outlineStyle="solid";
|
Example:
Here is the example:
<p style="outline-width:thin; outline-style:solid;">
This text is having thin solid outline.
</p>
<br />
<p style="outline-width:thick; outline-style:dashed;">
This text is having thick dashed outline.
</p>
<br />
<p style="outline-width:5px;outline-style:dotted;">
This text is having 5x dotted outline.
</p>
|
This will produce following result:
This text is having thin solid outline.
This text is having thick dashed outline.
This text is having 5x dotted outline.
|
To Become more comfortable - Do Online Practice
|
|
|