text-transform 改变元素文本

text-transform : 转换不同元素中的文本

  • none : 默认值。定义带有小写字母和大写字母的标准文本。
  • capitalize: 文本中的每个单词以大写字母开头。
  • uppercase: 定义仅有大写字母。
  • lowercase: 定义无大写字母，仅有小写字母。
  • inherit: 规定应该从父元素继承text-transform 属性的值。
 <style>
    h1 {
      text-transform: uppercase
    }

    p.uppercase {
      text-transform: uppercase
    }

    p.lowercase {
      text-transform: lowercase
    }

    p.capitalize {
      text-transform: capitalize
    }
  </style>


<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>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。