css text-transform.html

最新推荐文章于 2023-03-13 09:05:07 发布

学无止境慢慢来

最新推荐文章于 2023-03-13 09:05:07 发布

阅读量116

点赞数

分类专栏： CSS

原文链接：https://www.w3school.com.cn/cssref/pr_text_text-transform.asp

版权

CSS 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>css text-transform</title>
    <style>
        /*参考：https://www.w3school.com.cn/cssref/pr_text_text-transform.asp
        知识点：
        text-transform 属性控制文本中字母的大小写。
        可能的值:none, capitalize(单词的首字母大写), uppercase, lowercase*/
        /*转换不同元素中的文本。*/
        h1 {
            text-transform: uppercase
        }

        p.uppercase {
            text-transform: uppercase
        }

        p.lowercase {
            text-transform: lowercase
        }

        p.capitalize {
            text-transform: capitalize
        }
    </style>
</head>
<body>
<h1>This Is An H1 Element</h1>
<p class="uppercase">This is some text in a paragraph.</p>
<p class="lowercase">This is some text in a paragraph.</p>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>