Control the case of letters in text

Example analysis:

The text-transform attribute can control the case of letters in text.

Can be set to:

● Capitalize: Each word in the text starts with a capital letter.

● uppercase: Definition only uppercase letters.

● Lowercase: Definition only has lowercase letters.

new file

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
</style>
</head>

<body>
<p class="uppercase">This is some text.</p>
<p class="lowercase">This is some text.</p>
<p class="capitalize">This is some text.</p>
</body>
</html>

submit Reset Code

Automatic operation

Full Screen