The text-transform property controls the capitalization of text. text-transform: none|capitalize|uppercase|lowercase|initial|inherit; Example Transform text in different <p> elements: p.uppercase { text-transform: uppercase; } p.lowercase { text-transform: lowercase; } p.capitalize { text-transform: capitalize; } Browser Support Chrome Safari Firefox Opera IE Android iOS yes yes yes yes yes yes yes
CSS
text-stroke is an experimental property that provides text decoration options similar to those found in Adobe Illustrator or other vector drawing applications. It is not currently included in anyW3C or WHATWG specification. As of June 2013, it is only implemented behind a -webkit vendor prefix, though future versions of Firefox and Internet Explorer may support
p { text-shadow: 1px 1px 1px #000; } You can apply multiple text shadows by comma separating p { text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; } The first two values specify the length of the shadow offset. The first value specifies the horizontal distance and the second specifies the vertical distance of
The text-rendering property in CSS allows you to choose quality of text over speed (or vice versa) allowing you to fine tune optimization by suggesting to the browser as to how it should render text on the screen. Said another way in MDN: The text-rendering CSS property provides information to the rendering engine about what