Prev Page Next Page
Top

CSS Outline

➢The outline-style property specifies the style of the outline, and can have one of the following values:
➢outline-style
➢outline-color
➢outline-width
➢outline-offset
➢outline

CSS Outline

EXAMPLE:

p.dotted {outline-style:dotted;}
p.dashed {outline-style:dashed;}
p.solid {outline-style:solid;}
p.double {outline-style:double;}
p.groove {outline-style:groove;}
p.ridge {outline-style:ridge;}
p.inset {outline-style:inset;}
p.outset {outline-style:outset;}

RESULT:

A dotted outline

A dashed outline

A solid outline

A double outline

A groove outline. The effect depends on the outline-color value.

A ridge outline. The effect depends on the outline-color value.

An inset outline. The effect depends on the outline-color value.

An outset outline. The effect depends on the outline-color value.

Run


Prev Page Next Page