The outline font effect renders a coloured outline around text.

outline_1.jpg

The effect is declared as:

font-effect: outline( <width> <color> );

Its properties are specified by the following.

width

Value: <length>
Initial: 0px
Percentages: N/A

The width defines the maximum pixel width of the font’s outline.

color

Value: <color>
Initial: white
Percentages: N/A

The color is applied multiplicatively over the entire effect.

Example

/* Declares an outline font effect. */
h1
{
	font-effect: outline(2px black);
}