Text Properties

Text-Indent Property

The text-indent property can be applied to block-level elements (P, H1, etc.) to define the amount of indentation that the first line of the element should receive. The value must be a length or a percentage; percentages refer to the parent element's width. A common use of text-indent would be to indent a paragraph:

Example: p{text-indent : 3em;}
Values: any length value (positive or negative)

Letter Spacing Property

The letter-spacing property defines an additional amount of space between characters. The value must be in the length format; negative values are permitted.

Example:p{letter-spacing: .2em;}
Values: any length values (positive or negative)

Word-Spacing Property

The word-spacing property defines an additional amount of space between words. The value must be in the length format; negative values are permitted.

Example: p{ word-spacing : .2em; }
Values: any length values (positive or negative)

Text-Decoration Property

The text-decoration property allows text to be decorated through one of five properties: underline, overline, line-through, blink, or the default, none.

Example: .saleprice{ text-decoration : underlin;}
Values: underline, overline, strikethrough, blink, none

Text-Align Property

The text-align property can be applied to block-level elements (p, h1, etc.) to give the alignment of the element's text.

Example: p{ text-align : right; }
Values: left, right, center, justify

Line-Height Property

The line-height property will accept a value to control the spacing between baselines of text. When the value is a number, the line height is calculated by multiplying the element's font size by the number. Percentage values are relative to the element's font size. Negative values are not permitted.

Example: p{ line-height : 1.5; }
Values:any numerical value (no value type is needed)

Text-Transform Property

The text-transform property allows text to be transformed by one of four properties: uppercase, lowercase, capitalize, none.

Example: p{ text-transform : capitalize; }
Values:uppercase, lowercase, capitalize, none

Vertical-Align Property

The vertical-align property may be used to alter the vertical positioning of an inline element, relative to its parent element or to the element's line.

Example: span.raised{ vertical-align : 60%; }
Values:any length value, sub, sup, top, middle, bottom

Valid XHTML 1.0!