制作网页中,通常会遇到一些字母需要大写,或者首个字母大写的,尤其是英文站,对字母大小写控制得比较多。用CSS控制字母大小写,可以控制单词全部大写、全部小写或者首个字母大写等。
CSS控制字母大小写:
text-transform: none|capitalize|uppercase|lowercase|inherit
none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母,仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。
示例:
<p>首字母大写(text-transform: capitalize):</p>
<input style="text-transform: capitalize;" type="text">
<p>字母全大写(text-transform: uppercase):</p>
<input style="text-transform: uppercase;" type="text">
<p>字母全小写(text-transform:lowercase):</p>
<input style="text-transform: lowercase;" type="text">
转载请注明带链来源:春语精椿