TextLayout property CSS

For Maryn

by asemahle

HTML

<h1>CSS text-transform!</h1>
<h3>The CSS text-transform property can be used to dynamically capitalize phrases!
    Every sentence below is written with regular capitalization in the HTML. The capitalization is then modified via CSS.</h3>
<p class="none">- The old man the boat. (none)</p>
<p class="capitalize">- The prime number few. (capitalize)</p>
<p class="uppercase">-The man who hunts ducks out on weekends. (uppercase)</p>
<p class="lowercase">- The cotton clothing is usually made of grows in Mississippi. (lowercase)</p>

CSS

.none { text-transform: none; }
.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }