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.
CSS outline-style property.
View in Splitscreen»
Code-Editor:Note- The purpose of this property is to highlight certain items on the webpage.
|dotted||Border made up of a series of square dots
|dashed||Border made up of a series of short-lines |
|solid||A plain solid line|
|double||Border made up of two solid lines|
|groove||Border appears to be carved into the page|
|ridge||Border appears to stick out from the page|
|inset||Border appears to be embedded into the page|
|outset||The Border appears to be comming out of the screen|
|none||No Border is shown at all|
|inherit||Inherits border-style from the parent element|
|Value||none | hidden | dotted | solid | double | groove | ridge | inset | outset|
|Applies to||All elements|
|Computed Value||See Individual Properties|