平时我们常常在国外报纸, 英文文章, 国外网站看见文章中英文单词或拼音的首个字母大写, 那么 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 属性的值.
推荐: CSS 手册 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/13732.html