--- id: 587d781c367417b2b2512ac0 title: 使用 text-transform 属性给文本添加大写效果 challengeType: 0 videoUrl: 'https://scrimba.com/c/cvVZQSP' forumTopicId: 301081 dashedName: use-the-text-transform-property-to-make-text-uppercase --- # --description-- CSS 里的 `text-transform` 属性可以改变英文字母的大小写。使用这个属性时，我们无需改变 HTML 元素中的文本也可以统一页面里英文的显示。 下面的表格展示了 `text-transform` 的不同值对文字 “Transform me” 的影响：
ValueResult
lowercase"transform me"
uppercase"TRANSFORM ME"
capitalize"Transform Me"
initial使用默认值
inherit使用父元素的 text-transform 值。
noneDefault:不改变文字。
# --instructions-- 请使用 `text-transform` 属性把 `h4` 内容文本中的所有字母变成大写。 # --hints-- `h4` 内容文本中，所有字母均应为大写。 ```js assert($('h4').css('text-transform') === 'uppercase'); ``` `h4` 内的原文不应改变。 ```js assert($('h4').text() !== $('h4').text().toUpperCase()); ``` # --seed-- ## --seed-contents-- ```html

Alphabet

Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.

Larry Page

Sergey Brin
``` # --solutions-- ```html

Alphabet

Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.

Larry Page

Sergey Brin
```