Rumah > Artikel > hujung hadapan web > css怎么设置字母大写
css怎么设置字母大写
- 青灯夜游asal
- 2021-05-13 14:06:3413917semak imbas
css中可以使用text-transform属性设置字母大写，语法格式为“text-transform:capitalize|uppercase;”；其中值“capitalize”可设置首字母大写，值“uppercase”可设置字母全大写。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以使用text-transform属性设置字母大写；text-transform 属性控制文本的大小写。
这个属性会改变元素中的字母大小写，而不论源文档中文本的大小写。
属性值：
| 值 | 描述 |
|---|---|
| none | 默认。定义带有小写字母和大写字母的标准的文本。 |
| capitalize | 文本中的每个单词以大写字母开头。 |
| uppercase | 定义仅有大写字母。 |
| lowercase | 定义无大写字母，仅有小写字母。 |
示例：设置字母大写
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
h1 {
text-transform: uppercase
}
p.uppercase {
text-transform: uppercase
}
p.capitalize {
text-transform: capitalize
}
</style>
</head>
<body>
<h1>This Is An H1 Element</h1>
<p class="uppercase">This is some text in a paragraph.</p>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>效果图：
学习视频分享：css视频教程
Atas ialah kandungan terperinci css怎么设置字母大写. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css怎么实现响应式布局Artikel seterusnya：css怎么设置分割线