The text-shadow Property

The property used to apply a shadow to your selected text is text-shadow. The text-shadow property is supported in all major browsers, except Internet Explorer.

text-shadow Syntax

The text-shadow property applies shadow to text. The text-shadow property has no default value assigned to it.

Example

You should note that the text-shadow property does support one or more shadows attached to the text. When attaching more than one shadow, separate the set of values with a comma.

The word-wrap Property

The word-wrap property allows long words to be able to be broken and wrapped onto the next line. This property allows for two values; normal or break-word. The word-wrap property is supported in all major browsers.

word-wrap Syntax

The word-wrap property allows long words to be able to be broken and wrap onto the next line. The default value is normal.

Example

The text-overflow Property

There may be instances where you will need for the text in the element to be clipped such as when it overflows the element’s box. When this occurs, you want to leave a visual hint to the user that text has been clipped. The text-overflow property is supported in all major browsers.

text-overflow Syntax

The text-overflow property specifies what should happen when text overflows the containing element. The default value is clip.

Example