CSS tutorial - part 4: text

Adding layout to text on webpage is very important and useful. Here are text properties that will help you layout and style text on your website.

• The ‘text-indent‘ property applys an indent to the first line of the paragraph.
  

  p {
    text-indent:20px;
  }

• The ‘text-align‘ property sets text alignment. You can align text to left, right, center or justify.
  

  h1 {
    text-align: center;
  }

• The ‘text-decoration‘ property sets different decorations to text. You can undeline it, have line trough or above it.
  

  p {
    text-decoration: line-through;
  }
  h1 {
    text-decoration: underline;
  }

• The ‘letter-spacing‘ property sets the space between text characters.
  

  p {
    letter-spacing: 2px;
  }

• The ‘text-transform‘ property defines the capitalization of a text. You can use capitalize (first letter of each word), uppercase (all letters), lowercase (all letters) or none (no transformation).
  

  h1 {
    text-transform: uppercase;
  }

Applying layout and style to text - checked.

This entry was posted on Jan 9 and is filed under css, Tutorial. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.