text-transform

value: capitalize | uppercase | lowercase| none | inherit
initial value: none
inherited: yes
percentages: N/A
applicable to: all elements with text

The text-transform property will allow you to set all of the letters within an element as specified, regardless of how the letters were entered into the HTML document. The value set for a parent element will be inherited by the children elements. The default value is none which means that the letters will appear on the web page as they were entered into the HTML document, uppercase letters remain as uppercase and lowercase remain as lowercase by default.

The possible values for text-transform are:

capitalize: this value will cause every word in the element to start with an uppercase letter, no matter how the letters were entered.

uppercase: this value will cause every letter in the element to be uppercase, no matter how the letters were entered.

lowercase: this value will cause every letter in the element to be lowercase, no matter how the letters were entered.

none: this is the default value and the letters of the text will be shown as they were entered. Using none is not necessary unless you are negating other text-transform styling placed on that element.


Example:

p.regular {text-transform: none;}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.


Example:

p.capit {text-transform: capitalize;}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.


Example:

p.allcap {text-transform: uppercase;}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.


Example:

p.alllow {text-transform: lowercase;}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.