outline-style
The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.
It is often more convenient to use the shortcut property outline instead of outline-style, outline-width and outline-color.
Syntax
outline-style: | none |
outline-style: | dotted |
outline-style: | dashed |
outline-style: | solid |
outline-style: | double |
outline-style: | groove |
outline-style: | ridge |
outline-style: | inset |
outline-style: | outset |
outline-style: | inherit |
Example
<!DOCTYPE html> <html> <head> <style> p { border: 1px solid red; outline-style: dotted; outline-color:#3C0; } </style> </head> <body> <p> <b>Note:</b> IE8 supports the outline properties only if a !DOCTYPE is specified. </p> </body> </html>