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-transform
values 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 |
h4
to be uppercase using the text-transform
property.
h4
text should be uppercase.
testString: assert($('h4').css('text-transform') === 'uppercase', 'The h4
text should be uppercase.');
- text: The original text of the h4 should not be changed.
testString: assert(($('h4').text() !== $('h4').text().toUpperCase()), 'The original text of the h4 should not be changed.');
```
Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.