[css] 怎么让英文单词的首字母大写?
[css] 怎么让英文单词的首字母大写?
楼上用的没问题,学习嘛,那我就来扩展一下。text-transform 属性控制文本的大小写,是CSS2.1的属性,兼容性问题不大。
属性值是关键字,有4+1种,这个1是实验性属性值。/* Keyword values */
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: none;
text-transform: full-width;capitalize
这个关键字强制每个单词的首字母转换为大写。uppercase
这个关键字强制所有字符被转换为大写。lowercase
这个关键字强制所有字符被转换为小写。none
这个关键字阻止所有字符的大小写被转换。full-width (实验性属性值)
这个关键字强制字符 — 主要是表意字符和拉丁文字 — 书写进一个方形里,并允许它们按照一般的东亚文字(比如中文或日文)对齐。除了以上,还有一些基本上不会用到的默认值等,就不多说了。/* Global values */
text-transform: inherit;
text-transform: initial;
text-transform: unset;
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
[css] 怎么让英文单词的首字母大写?相关推荐
- 设计一个方法,将一个字符串中每一个英文单词的首字母大写,返回一个新的字符串
学习后的练习内容,留个纪念~ /*** 设计一个方法,将一个字符串中每一个英文单词的首字母大写,返回一个新的字符串*/ public class NewStr {public static void ...
- html5首字母大小写,css中如何设置英文首字母大写
css中可使用text-transform属性来设置英文首字母大写.text-transform属性可控制文本的大小写,只需要给包含英文字母文本的元素设置"text-transform:ca ...
- 怎么让英文单词的首字母大写?
function test(str){const a = str.split(" ").map(item=>item[0].toUpperCase()+item.substr ...
- html文字自动大小写,CSS中首字母大写如何实现
CSS中首字母大写怎么实现? CSS中首字母大写怎么实现?日常生活中需求方对英文的要求比较多,有的时候需要让英文单词或拼音首个字母大写;有的时候需要让全文中英文单词全大写或小写.这时候我们就需要tex ...
- CSS实现英文或拼音单词首字母大写
CSS实现英文或拼音单词首字母大写,只需要在css样式中加入: text-transform: capitalize 即可. 测试代码如下: <!doctype html> <htm ...
- css 首字母,css如何设置英文首字母大写
我们经常在英文报纸上看到首个单词大写,那么单词首字母大写如何设置,可能很多人遇到这种问题都不知道怎么操作,下面我们来讲解一下css如何设置英文首字母大写? 实现英文首字母大写可以使用div+css,d ...
- css中首字母下沉_CSS中的经典版式效果:基本首字母大写和首字下沉
css中首字母下沉 The techniques shown here are somewhat outclassed by the more complex initial-letter prope ...
- Python英文单词大小写转换及所有首字母大写
s = 'HELLO world'print(s.lower()) #全部小写>>> hello worldprint(s.upper()) #全部大写>>> HE ...
- Java编程之英文单词首字母大写
一.题目 输入一段英文句子,将每个单词的首字母大写再输出.示例: 输入:I am very glad to see you. 输出:I Am Very Glad To See You. 二.实验代码 ...
最新文章
- MVC4建立DBContext的EF6数据
- 与JSP的初次邂逅……
- 【leetcode】Path Sum II
- 中科大 计算机网络4 网络核心Core 分组交换 电路交换
- python的字符串删除操作 有点简单
- Entity Framework 5.0
- 强制卸载kernel
- 【深入理解JS核心技术】3. 调用、应用和绑定有什么区别
- 圆锥曲线一些奇怪的例题模型
- 电气火灾的危害及预防
- 河海大学计算机网络毕业设计,河海大学文件-河海大学毕业设计.doc
- android frida 检测_android逆向__超级好用的使用frida追踪方法
- 六款最佳、免费的网络延迟测试工具
- 未完成的IT路停在回车键---2014年末总结篇
- hazelcast 搭建_hazelcast教程 入门
- Codeforces Round #807 (Div. 2) A - D
- 万字报告拆解:Web3 浪潮风靡,NFT 找到新增长点,AIGC 如火如荼
- ETHEOS开发资源及工具集合
- Windows下MySQL5.5安装,配置与卸载
- 300M无线路由器 TL-WR842N - TP-LINK官方网站