Workshop Mission Services Portfolio Content Contact
  bookmark me  
Home > Content

(1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Text Property
The CSS text properties give designers the power to align, space and style properties of text.

'text-indent'
Allows you to indent the first line in a block of text. There are three methods available:

Use a valid positive or negative length. Default is 0.
Any valid positive or negative percent.
Inherit

p {text-indent: 40px, -20px, 10%, -15%, inherit}

'text-align'
Defines how an inline box of text is rendered. You have five choices:

left
right
center
justify
inherit

p {text-align: justify}

'text-decoration'
Adds some cool text decorations. You have six options:

none
underline
overline
line-through
blink - text will blink
inherit

p {text-decoration: underline}

'text-transform'
Applies capitalization effects to text. You have five choices:

none
capitalize (capitalize first letter of every word)
uppercase (Capitalize all letters)
lowercase (No capitalized letters)
inherit

p {text-transform: uppercase}

'letter-spacing'
Defines the spacing between letters. You have three options:

normal
valid length (specify the length using number (0.2) and em tag)
inherit

p {letter-spacing: 0.2em}

'word-spacing'
Defines the spacing between words. You have three options:

normal
valid length (specify the length using number (2.0) and em tag)
inherit

p {word-spacing: 2.0em}

'white-space'
This property defines the white space with in an element. You have four options:

normal (default)
pre (treats white space literally)
nowrap (collapses whitespace)
inherit

p {white-space: nowrap}

(1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

 

1.818.509.2649