css如何设置英文首字母大写?

来自:互联网
时间:2019-11-11
阅读:

平时我们常常在国外报纸、英文文章、国外网站看见文章中英文单词或拼音的首个字母大写,那么CSS如何设置英文首字母大写呢?下面我们来看一下css设置英文首字母大写的方法。

css可以使用text-transform属性来设置英文首字母大写。

示例:

<html>
<head>
<style type="text/css">
  p.capitalize {text-transform: capitalize}
</style>
</head>
<body>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>

效果如下:

1.jpg

text-transform属性说明:

text-transform 属性控制文本的大小写。

这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。如果值为 capitalize,则要对某些字母大写,但是并没有明确定义如何确定哪些字母要大写,这取决于用户代理如何识别出各个“词”。

属性值:

  • none 默认。定义带有小写字母和大写字母的标准的文本。

  • capitalize 文本中的每个单词以大写字母开头。

  • uppercase 定义仅有大写字母。

  • lowercase 定义无大写字母,仅有小写字母。

  • inherit 规定应该从父元素继承 text-transform 属性的值。

返回顶部
顶部