Search within TutorialsPark

CSS outline-style Property


To set the style of the outline.


Definition and Notes.

1. The CSS outline-style property is used to style the rule used for the outline, it is created around the margin of the element.

2. Visually, its similar to a border, but it occupies no space( doesn't gets added to width or height). The values are applied to all four edges.Values must be other than none for the oultine to appear.


Syntax:

CSS outline-style property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- The purpose of this property is to highlight certain items on the webpage.

Property Values

Value Description Appearance
dotted Border made up of a series of square dots

dotted

dashed Border made up of a series of short-lines

dashed

solid A plain solid line

solid

double Border made up of two solid lines

double

groove Border appears to be carved into the page

groove

ridge Border appears to stick out from the page

ridge

inset Border appears to be embedded into the page

inset

outset The Border appears to be comming out of the screen

outset

none No Border is shown at all

none

inherit Inherits border-style from the parent element

inherit


Specifications

Specs Value
Name outline-style
Value none | hidden | dotted | solid | double | groove | ridge | inset | outset
Initial Value None
Applies to All elements
Javascript syntax object.style.outlineStyle="ridge"
Inherited No
Computed Value See Individual Properties
Browser Support internetexplorer safari firefox opera chrome

Related Examples.