CSS Outline Shorthand

CSS Outline - Shorthand Property

outline The attribute is a shorthand property used to set the following outline properties:

  • outline-width
  • outline-style(Required)
  • outline-color

From the above list:outline property can specify one, two, or three values. The order of the values is irrelevant.

The following example shows the use of the abbreviated outline Outlines specified by properties:

Dashed outline.

Red dashed outline.

5 pixel solid yellow outline.

Thick pink ridged outline.

Example

p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}

Try It Yourself