How to modify text capitalization
By using the CSS text-transform
property, you can control the capitalization of the text:

Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable

Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion

Pros Main Features
- A wide range of learning programs
- University-level courses
- Easy to navigate
- Verified certificates
- Free learning track available
- University-level courses
- Suitable for enterprises
- Verified certificates of completion
Syntax for CSS text transform
The syntax for this property is as follows:
text-transform: value;
See an example of using text-transform
below:
Example
div.a {
text-transform: uppercase;
}
div.b {
text-transform: lowercase;
}
div.c {
text-transform: capitalize;
}
The available values are explained in the table.
Value | Description |
---|---|
none |
The default value. The text is rendered normally |
capitalize |
Makes CSS capitalize the first letter of each word |
uppercase |
Makes CSS capitalize all letters |
lowercase |
No letters are capitalized |
full-width |
All characters are written inside a square and can be aligned |
full-size-kana |
All Kana characters are converted to full-size (used for ruby annotations) |
Browser support

Chrome
1+

Edge
12+

Firefox
1+

IE
4+

Opera
7+

Safari
1+
Mobile browser support

Chrome
18+

Firefox
4+

Opera
11+

Safari
1+