平时我们常常在国外报纸、英文文章、国外网站看见文章中英文单词或拼音的首个字母大写,那么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>
效果如下:
text-transform属性说明:
text-transform 属性控制文本的大小写。
这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。如果值为 capitalize,则要对某些字母大写,但是并没有明确定义如何确定哪些字母要大写,这取决于用户代理如何识别出各个“词”。
属性值:
-
none 默认。定义带有小写字母和大写字母的标准的文本。
-
capitalize 文本中的每个单词以大写字母开头。
-
uppercase 定义仅有大写字母。
-
lowercase 定义无大写字母,仅有小写字母。
-
inherit 规定应该从父元素继承 text-transform 属性的值。