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.


selector {

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



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.
  • initialinherit


The text-outline property example:


›› go to examples ››