10、Mastering Text Properties in Web Design

week9

于 2025-12-01 15:56:24 发布

阅读量1

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS打造Win8应用之美文章标签： text-transform text-decoration @font-face

本文链接：https://blog.youkuaiyun.com/week9/article/details/156039696

CSS打造Win8应用之美专栏收录该内容

27 篇文章 ¥99.00

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

Mastering Text Properties in Web Design

1. Text Capitalization with `text - transform`

The text - transform property is used to manipulate the capitalization of text. It has three main values:
- capitalize : Capitalizes the first letter of each word.
- uppercase : Converts the whole text to uppercase.
- lowercase : Converts the whole text to lowercase.

Here is an example:

<!-- HTML snippet -->
<div class="lowerCase">LOREM IPSUM DOLOR SIT AMET</div>
<div class="upperCase">lorem ipsum dolor sit amet</div>
<div class="capitalize">lorem ipsum dolor sit amet</div>