Use the text-transform Property to Make Text Uppercase
The text-transform property in CSS is used to change the appearance of text. It's a convenient way to make sure text on a webpage appears consistently, without having to change the text content of the actual HTML elements.
The following table shows how the different text-transformvalues change the example text "Transform me".
| Value | Result |
|---|---|
lowercase | "transform me" |
uppercase | "TRANSFORM ME" |
capitalize | "Transform Me" |
initial | Use the default value |
inherit | Use the text-transform value from the parent element |
none | Default: Use the original text |
Transform the text of the h4 to be uppercase using the text-transform property.
Tests
- Waiting: 1. The
h4text should beuppercase. - Waiting: 2. The original text of the h4 should not be changed.
/** * Your test output will go here */