CSStext-transform控制文章字母的大小写

在 CSS 的设计中,你可以透过 text-transform 来控制文章中的文字字母大小写,当然指的是英文字母而不是中文字母,浏览器会依照你的指示去呈现,无论原本的字母是大写还是小写,一律根据 text-transform 显示。可以设置全部大写、全部小写或是只有第一个字母大写。

CSS text-transform 示例<span style=”text-transform:uppercase;”>Good Morning Piter.</span><br><!–定义所有字母均为大写–>
<span style=”text-transform:lowercase;”>Good Morning Piter.</span><br><!–定义所有字母均为小写–>
<span style=”text-transform:capitalize;”>Good Morning Piter.</span><!–定义单字的第一个字母大写,其他字母小写–>呈现结果
GOOD MORNING PITER.
good morning piter.
Good Morning Piter.
所有主流的浏览器都支持 CSS text-transform 属性,你可以根据自己的需求而采用哪种效果,默认值为 none,字母大小根据你所写的大小而显示,跟没写一样的意思。

推荐给您的延伸阅读CSS first-letter 控制段落首字母自动转为大写CSS letter-spacing 文字间的字距CSS word-spacing 属性与用法

网页设计

JavaScriptArrayslice

2022-6-24 2:58:07

网页设计

PHPstr_replace函数

2022-6-24 5:48:44

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 yp10086@vip.qq.com 举报,一经查实,本站将立刻删除。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索