Changing the Text Case : text transform « CSS Style « XML

1. XML
2. CSS Style
3. text transform

Changing the Text Case

You can define the text case for your style by using the text-transform property. In this way, you can display the text either with initial capital letters, in all capital letters, in all small letters, or as it was typed.
 

File: Data.xml
<?xml version="1.0" ?>
<?xml-stylesheet type="text/css" href="Style.css" ?>
<employees>

  <name language="English">T1</name>

  <name language="Latin">T2</name>

  <projects>
    <project>project1</project>
    <project>project2</project>
    <project>
      project3
    </project>
  </projects>

  <weight>3 points</weight>

  <length>3 years</length>
</employees>

File: Style.css
project {
    font-style:italic;
    text-transform:uppercase
}

weight{
    text-decoration:underline
}

 

Related examples in the same category