To add the outline to the text we could use the text-outline property. However this property is not supported by any major browser at the moment of writing this tutorial.

Syntax:

selector {

     text-outline: thickness blur color | initial | inherit;

}

Values:

Following values may be assigned for this property:

  • thickness; The thickness of the outline for the text. Its value is given in px, em, etc.
  • blur; Creates a blur radius of the outline. It is an optional attribute.
  • color; Creates a color for the outline. It is a required attribute.
  • initial, inherit

Example

The text-outline property example:

 

›› go to examples ››