The
text-transform
property is used to control the capitalization of a block of text..
The values of
text-transform
are.
Values | Description |
---|
none | |
capitalize | To capitalize the first character of each word. |
uppercase | To capitalize all characters. |
lowercase | To decapitalize all characters. |
inherit | The property is inherited from the parent. |
example
text-transform : uppercase
text-transform : lowercase
snippet
<html>
<head>
<style>
p {text-transform:uppercase;}
span {text-transform:lowercase}
div {text-transform:capitalize}
</style>
</head>
<body>
<p>Sometimes you will never know the value of a Moment until it becomes a memory.</p>
<span>Sometimes you will never know the value of a Moment until it becomes a memory.</span>
<div>Sometimes you will never know the value of a Moment until it becomes a memory.</div>
</body>
</html>