CSS text-transform控制文本大小写

定义
text-transform控制文本大小写

继承:是

JavaScript的语法
的CSS属性也可以动态改变一个JavaScript 。

脚本语法: object.style.textTransform = “利用”

p

text-transform: uppercase
}

Value Description
none 默认方式
capitalize
每个字的文字开头大写字母
uppercase
只有大写字母
lowercase
只有小写字母

我们看看简单的例子.

<html>
<head>
<style type="text/css">
p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase}
p.capitalize {text-transform: capitalize}
</style>
</head>

<body>
<p class="uppercase">i love</p>

<p class="lowercase">www.111cn.net</p>

<p class="capitalize">中国web第一站</p>
</body>

</html>

输出结果.

I LOVE

Www.111cn.net

中国WEB第一站

时间: 2024-09-20 06:16:13

CSS text-transform控制文本大小写的相关文章

javascript-JS和css是否有控制文本角度的手段?

问题描述 JS和css是否有控制文本角度的手段? 如题,在js和css中,有没有控制文本角度的手段?不是文本方向,而是角度,比如让一段文本旋转20度? 解决方案 http://blog.sina.cn/dpool/blog/s/blog_7cbe44af01018dj8.html?vt=4 解决方案二: 没有没有没有没有没有没有没有没有

CSS学习教程:认识会用CSS样式表的文本属性

css|教程|样式表 文本(text):css控制的文本属性主要包括以下四个: text-indent, text-align, text-decoration, text-transform; 1. text-align:属性text-align指文本的对齐方式,其有向左,向右,居中对齐以及自动适应四种对齐方式: text-align: left;text-align: right;text-align: center;text-align: justify; 例:css代码: body {f

知识:CSS方便地控制用户浏览网页时使用的光标

css|光标|控制|网页 CSS允许你控制网页外观和布局的各个方面--包括字体.页边空白和光标.不错,从CSS 2.1开始,你就可以方便地控制用户浏览网页时使用的光标. 标准的CSS光标呈箭头状,一般来说,它都能满足一个网页或网站的需求,但有些时候你可能需要使用其它的光标.在这些情况下,CSS标准提供了众多选项. CSS光标类型 下表概括说明了CSS标准中的一些光标类型. 默认光标:使用标准的箭头. 手状光标:光标呈手形,食指伸出. 指针状光标:与手状光标相同. 十字线光标:使用十字光标(一个加

使用js实现按钮控制文本框加1减1应用于小时+分钟

 正如标题所言使用js实现按钮控制文本框加1减1,此类主要应用于小时+分钟,下面有个不错的示例,喜欢的朋友可以参考下 time.html代码:  代码如下: <!doctype html>  <html lang="en">  <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus"&

jQuery控制文本框只能输入数字和字母及使用方法_jquery

在公司开发WinForm项目时,发现公司自主研发的textbox控件非常强大,可以实现"只能输入数字"."只能输入字母"和"只能输入数字和字母"的三种输入限制,这样就可以精确控制用户输入的内容范围,让"用户永远没有办法输入限定的内容范围之外的其他内容",也就是"用户即使想犯错误也没有机会",这种限制控件输入的方式给了我很大的启发,如果在web项目中也能做到这样的精确控制,那么就可以避免因为一些非法输入而造成

CSS 3 transform 属性的 BUG分析介绍

最近在弄一个功能,需要通过弹窗来显示内容,取舍并尝试之后选择利用 CSS 3 transform 属性的 translate() 参数来实现弹窗的居中定位.   鼓捣了半天,测试 Chrome 完全正常,Edge 也正常,恩,到这里我觉得自己已经看到结局了,万万没想到,打开 IE 11 之后直接气的吐血!设置的 transform 属性竟然完全无效,说好的 IE 9 及以上就可以兼容的呢?怎么和想象中的不一样呀!   之前尝试各种让元素水平加垂直居中的方法,都各种因为什么表格嵌套啊,兼容性啊,适

JS控制文本域只读或可写属性的方法_javascript技巧

本文实例讲述了JS控制文本域只读或可写属性的方法.分享给大家供大家参考,具体如下: <input id="username" name="userneme" type="text" style="width:50px" size=106> 密码:<input id="userpwd" type="text" name="userpwd" size=1

如何控制文本框禁止输入特殊字符

问题描述 如何控制文本框禁止输入特殊字符 解决方案 解决方案二:用验证控件啊,.net里面有自带的验证控件!解决方案三:TextBoxt=newTextBox();t.KeyPress+=newKeyPressEventHandler(t_KeyPress);privatevoidt_KeyPress(objectsender,KeyPressEventArgse){inta=(int)e.KeyChar;//返回ASCII码if(a==8)//bks{MessageBox.Show("pres

Javascript控制文本框只能输入数字

<inputonkeypress="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"onpaste="return !clipboardData.getData('text').match(/\D/)"ondragenter="return false"style="ime-mode:Disabled"> 说明