如何使用css中text-transform转换字母大小写的示例详解

html-css023

如何使用css中text-transform转换字母大小写的示例详解,第1张

text-transform：none | capitalize | uppercase | lowercase

none：

无转换

capitalize：

将每个单词的第一个字母转换成大写

uppercase：

将每个单词转换成大写‍

lowercase：

将每个单词转换成小写

<div style="text-transform:capitalize">first-letter</div>

输出如下：First-letter

加入你想用于标签：

css样式

<style>

p{text-transform:capitalize}

</style>

html如下：

<p>first-letter</p>

<span style="text-transform:capitalize" >this is a test!!!</span><br>

首字母大写<input type="text" style="text-transform:capitalize"><br>

全部大写<input type="text" style="text-transform:uppercase"><br>

全部小写<input type="text" style="text-transform:lowercasecase"><br>