Thursday 15 November 2012

HMTL 5, CSS3 and JavaScript for Windows 8 – text-transform

This property will be used with CSS3. The text-transform property controls the capitalization of text.

Value Description
none No capitalization. The text renders as it is. This is default
capitalize Transforms the first character of each word to uppercase
uppercase Transforms all characters to uppercase
lowercase Transforms all characters to lowercase
inherit Specifies that the value of the text-transform property should be inherited from the parent element

Example:

   1:  <!DOCTYPE html>
   2:  <html>
   3:  <head>
   4:  <style>
   5:  p.uppercase {text-transform:uppercase;}
   6:  p.lowercase {text-transform:lowercase;}
   7:  p.capitalize {text-transform:capitalize;}
   8:  </style>
   9:  </head>
  10:   
  11:  <body>
  12:  <p class="uppercase">This is some text.</p>
  13:  <p class="lowercase">This is some text.</p>
  14:  <p class="capitalize">This is some text.</p>
  15:  </body>
  16:  </html>
  17:   

No comments: