The outline property serves as a shorthand for configuring the following individual outline properties:
The outline property can be expressed with one, two, or three values chosen from the list provided. The sequence of values is irrelevant.
Below is an example demonstrating various outlines specified using the shorthand outline property:
Example
p.ex1 {outline: dashed;} p.ex2 {outline: dotted red;} p.ex3 {outline: 5px solid yellow;} p.ex4 {outline: thick ridge pink;} |