--- id: 587d781c367417b2b2512ac0 challengeType: 0 videoUrl: 'https://scrimba.com/c/cvVZQSP' forumTopicId: 301081 title: 使用 text-transform 属性给文本添加大写效果 --- ## Description

CSS 里面的 text-transform 属性来改变英文中字母的大小写。它通常用来统一页面里英文的显示，且无需直接改变 HTML 元素中的文本。下面的表格展示了text-transform 的不同值对文字 “Transform me” 的影响。

Value	Result
`lowercase`	"transform me"
`uppercase`	"TRANSFORM ME"
`capitalize`	"Transform Me"
`initial`	使用默认值
`inherit`	使用父元素的 `text-transform` 值。
`none`	Default:不改变文字。

## Instructions

使用 text-transform 属性把 h4 内的英文的所有字母变成大写。

## Tests

```yml tests: - text: 'h4 内的英文的所有字母应该为大写。' testString: assert($('h4').css('text-transform') === 'uppercase'); - text: 'h4 内的原文不能被改变。' testString: assert(($('h4').text() !== $('h4').text().toUpperCase())); ```

## Challenge Seed

```html

Alphabet

Google 由在斯坦福大学攻读理工博士的拉里·佩奇和谢尔盖·布林共同创建。

拉里·佩奇

谢尔盖·布林

```

## Solution

```html // solution required ```