The CSS text-shadow property is used to add shadows to the text. You can choose colors from here: HTML colors. The text-shadow property is one of the CSS3 properties. Each shadow is specified by 2 to 3 length values and a <color>. The first value sets the horizontal distance(x-offset), the second value sets the vertical distance(y-offset), the third value sets the…

The text-rendering property gives information to the rendering engine about what to optimize for when rendering text. The text-rendering property has four values: When the text-rendering property is set to “optimizeLegibility” successive capital letters become more spaced, and ligatures are enabled. The text-rendering is actually not a CSS property and is not defined in any CSS specification. It’s an SVG property, but Gecko-based…

The CSS text-overflow property specifies how the overflowing inline text should be signaled to the user. It is one of the CSS3 properties. The text-overflow property works if the overflow property is set to “hidden”, and white-space is set to “nowrap”. In CSS3, the specification allows using a custom string. White space, which is considered a string or any other custom string can be…

The text-orientation property specifies the orientation of characters in a line. It has five values: mixed, upright, sideways, sideways-right, use-glyph-orientation. All of them work in vertical typographic modes. This property had the “sideways-left” and the “sideways-right” values, now they are redefined as one the “sideways-right” value. Instead, the “sideways-lr” and the “sideways-rl” values are added to the writing-mode property…

The text-justify property defines the behavior of spacing between words or characters. The text-justify property is one of the CSS3 properties. The text-justify property selects the justification method of text when text-align is set to “justify”. Initial Value auto Applies to Inline-level and table-cell elements. Inherited Yes. Animatable No Version CSS3 DOM Syntax object.style.textJustify = “inter-character”; Syntax Example of the text-justify property: Result In…

The text-indent property specifies the length of empty space of the first line in a text block. The direction of the text is specified by the direction property. If a negative value is specified, the first line will be indented to the left. The text-indent only applies to the first line of text in an element. Initial Value 0 Applies to…

The text-fill-color property specifies the fill color of characters of the text. If this property is not specified, the value of the color property is used. The text-fill-color and the color properties are the same, but the text-fill-color takes precedence over the color if the two have different values. Initial Value currentColor Applies to All elements. Inherited Yes. Animatable…

The text-decoration-style property specifies the style of the text decoration. Styles can be solid, dashed, dotted, double and wavy. The text-decoration-style property is one of the CSS3 properties. Initial Value solid Applies to All elements. It also applies to ::first-letter and ::first-line. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.textDecorationStyle = “dotted”; Syntax Example of the text-decoration-style property: Result Example of the text-decoration-style property with the…

The text-decoration-skip-ink property specifies how underlines and overlines are drawn when they cross over a glyph. Initial Value auto Applies to All elements. Inherited Yes. Animatable No. Version CSS Text Decoration Module Level 4 DOM Syntax object.style.textDecorationSkipInk = “none”; Syntax Example of the text-decoration-skip-ink property: Result Values Value Description auto Underlines and overlines are only drawn where they do…

The text-decoration-skip property specifies the parts of an element’s content the text decoration should skip over. It controls all text decoration lines drawn by the element and by its ancestors. Initial Value objects Applies to All elements. Inherited Yes. Animatable No. Version CSS3 DOM Syntax object.style.textDecorationSkip = “spaces”; Syntax Example of the text-decoration-skip property: Result Values Value…