`
zlpx
  • 浏览: 153161 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用CSS3设置text元素的大小写

    博客分类：
  • css
css3 
阅读更多

下面的例子展示了你如何设置capitalization，通过text-transform样式。

text-transform样式接收下面的值。

capitalize-首字母大写

uppercase-所有字母大写

lowercase-所有字母小写

none-无

 

<!DOCTYPE html>
<html>
<head>
    <title>Setting the text capitalization on a text element in CSS</title>
</head>
<body>
 
    <div style="text-transform:none;">1) The quick brown fox jumps over the lazy dog.</div>
    <div style="text-transform:capitalize;">2) The quick brown fox jumps over the lazy dog.</div>
    <div style="text-transform:lowercase;">3) The quick brown fox jumps over the lazy dog.</div>
    <div style="text-transform:uppercase;">4) The quick brown fox jumps over the lazy dog.</div>
 
</body>
</html>

 源码下载 ：

 setting-the-text-capitalization-on-a-text-element-in-css.zip

 

0
顶
0
踩
分享到：
| 使用CSS3建立不可选的的文字
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    前端css+html+布局笔记

    1.HTML中不区分大小写，但是尽量使用小写 2.HTML的注释不能嵌套 3.标签必须结构完整 要么成对出现 要么自结束标签 4.标签可以嵌套但是不能交叉嵌套 5.属性必须有值，且值必须加引号，单引号双引号都可以 ...

    css入门笔记

    当内容多，元素区域小的时候，会产生溢出的效果，默认都是纵向溢出 属性：overflow,overflow-x,overflow-y 取值： 1.visible 可见的，默认值，溢出可见 2.hidden 隐藏的，溢出的内容全部隐藏，不可见溢出 3....

    html基础知识

    HTML语言不区分大小写，属性的引号可加可不加，属性之间用空格隔开。 1. MIME类型（Multipurpose Internet Mail Extensions）：主类型/子类型； text/html; text/plain; text/xml; text/css; img/jpg;img/gif; 2. ...

    JS写的倒计时效果(天-时-分-秒)

    JS写的倒计时效果(天-时-分-秒) 修改Bug，天数的统计错误问题，更正部分逻辑，可用于指定未来的某一天，根据当前时间开始倒计时。 可进行修改大小控制 核心css改变:jquery.countdown.css .countdownHolder{ width:...

    学习CSS制作网页总结的一些经验

    命名方式遵循“驼峰式大小写（标志符由多个单词组成 除首词首字母小写外 其余单词首字母均大写）” 2：避免滥用类 当类型的结构需要不一样的表现时 记得什么是层叠样式表 具体结构中的p a h1等可使用如下方式：div....

    html入门到放弃笔记

    3、class ：引用 类选择器时使用(CSS中) 4、style ：定义 内联方式方式使用(CSS中) 4、注释 语法：&lt;!-- --&gt; 注意： 1、注释不能嵌套 2、注释不能出现在标记中 3、HTML 文档结构 W3C ：Word Wide Web ...

    XML轻松学习手册--XML肯定是未来的发展趋势，不论是网页设计师还是网络程序员，都应该及时学习和了解

    3.所有XML标记都区分大小写； 4.所有标记的属性必须用""括起来； 所以上列语句在XML中正确的写法是 1. sample 2.&lt; b&gt;&lt; i&gt;sample&lt; /i&gt;&lt; /b&gt; 3.&lt; td&gt;sample 4.&lt; font color="red"&gt;samplar 　另外，XML标记必须...

    DIV+CSS布局体验总结 脚本之家推荐

    命名方式遵循“驼峰式大小写（标志符由多个单词组成 除首词首字母小写外 其余单词首字母均大写）” 2：避免滥用类 当类型的结构需要不一样的表现时 记得什么是层叠样式表 具体结构中的p a h1等可使用如下方式：div....

    Module-Examples:语义UI模块格式的注释来源

    方法调用在方法查找期间自动将句子大小写转换为驼峰式或嵌套对象 $ ( '.component' ) . component ( 'set text' , 'Foobar' ) ; 内部匹配方法 set: { text : function ( text ) { // do something } } 也 ...

    jQuery完全实例.rar

    这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上，或者说都是在以某种方式使用这个函数。这个函数最...

    客户端统一验证JavaScript函数库及示例源码

    当页面的控件元素都设置好时，客户端代码通常只需这样写即可： 首先在页面head区域内定义一个这样的JS函数 //例一，全部验证，比较常用,基本满足一般所有的验证功能 function CheckInfoAll() { return ...

    flex3的cookbook书籍完整版dpf（包含目录）

    flex3的cookbook书籍完整版dpf（包含目录）,目录是我花了两个多小时自己整理的，希望对大家有帮助。 目录： 第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 ...

    JavaScript笔记

    |--js中正则表达式语法：/正则表达式/[属性后缀]--其中属性后缀，g：全局匹配 i：忽略大小写(仅英文有效) 如果不适用模式匹配方式，将执行原文匹配 结果：如果正则表达式写错，也将执行原文匹配 12.Array笔试题...

    《javaScrip开发技术大全》源代码

    • sample32.htm 转换大小写 • sample33.htm 与HTML相关的方法 • sample34.htm 字符串比较 • sample35.htm 修改字符串中的某一个字符 • sample36.htm 创建Object对象 ...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    详解vue2.0 不同屏幕适配及px与rem转换问题

    要是全部转换，这大量的计算量，哪怕是sublime Text 的cssrem插件，也是一个庞大的工作量。所以，直接使用插件没商量。 第一步：因为rem是根据更元素来计算大小，所以，捕捉到当前屏幕的大小并赋值给html，这是其一...

    cms后台管理

    3.修改jdbc链接，自己导入数据库。 4.把服务器下install\config下的web.xml复制出来覆盖掉新建项目WEB-INF下的web.xml 5.classes下有四个文件，手动烤到myeclipse项目src根目录下中 6.将服务器上jeecms项目删掉，...

    大名鼎鼎SWFUpload- Flash+JS 上传

    在实际开发中，大部分的错误都是由于错误的设置和低劣的Event Handlers处理程序所造成的。 [编辑本段]文档中文翻译 　http://www.v-sky.com/doc/swfupload/v2.1.0/Documentation.html [编辑本段]效果演示 　* ...

Magicbox
Global site tag (gtag.js) - Google Analytics