text-transform: capitalize; : text transform « CSS « HTML / CSS

HTML / CSS » CSS » text transform 
text-transform: capitalize;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<style type='text/css'>
body {
    font: 14px sans-serif;
    padding: 5px 25px;
    background: mistyrose;
    border: 1px solid orange;
span.lower {
    text-transform: lowercase;
span.upper {
    text-transform: uppercase;
span.capitalize {
    text-transform: capitalize;
span.example {
    background: pink;

        <h4>Manipulating Case With the text-transform Property</h4>
            <span class='lower example'>UPPERCASE TEXT LOWERCASE</span> 
            <span class='upper example'>lowercase text uppercase</span>
            <span class='capitalize example'>capitalize every word in a sentence</span>.

Related examples in the same category
1.The text-transform Property
2.'text-transform' Example
3.text-transform: lowercase
4.text-transform: capitalize
5.text-transform: uppercase
6.text-transform: lowercase;
7.text-transform: uppercase;
8.text-transform: capitalize;text-transform: uppercase;text-transform: lowercase;
10.You can control the case of text using CSS: Apply the text-transform Property
11.Set text transform to uppercase
12.Set text-transform: capitalize for h2
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.