Text transforming

The text-transform property is used to control the capitalization of the text.

The text-transform property contains following information:

value: capitalize, uppercase, lowercase, none or inherit;
initial: none;
applies to: all elements;
inherited: yes;
percentages: N/A;
media: visual;
computed value: as specified.

The value capitalize puts the first character of each word in uppercase while uppercase and lowercase change every letter of each word in uppercase and lowercase respectively.

Example

CSS text-transform property example:

<html>
<head>
<title>CSS tutorial</title>
<style type="text/css">
h3 {
	text-transform:capitalize;
}
.up {
	text-transform:uppercase;
}
</style>
</head>

<body>

<h3>Brenkoweb.com, the website for web designers</h3>
<p>HTML is not difficult to learn but yet it's one of three main mechanisms the World Wide Web relies on and it is a crucial part of web design.</p>
<p class="up">date: 2012 / 10 / 15</p>

</body>
</html>

›› go to examples ››

Example

CSS text-transform property example:

Comments

About

Contact

Get Connected