HTML DOM Style textTransform 属性

最后更新于：2022-03-26 22:31:17

Style textTransform 属性

HTML DOM Style textTransform 属性 Style 对象

定义和用法

textTransform 属性设置或返回文本的大小写。

语法

设置 textTransform 属性：

Object.style.textTransform=”none|capitalize|uppercase|lowercase|inherit”

返回 textTransform 属性：

Object.style.textTransform

值 描述
none 默认。没有被转换的字符。
capitalize 每个单词的首字符转换为大写。
uppercase 所有字符都转换为大写。
lowercase 所有字符都转换为小写。
inherit textTransform 属性的值从父元素继承。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 textTransform 属性。

注意：IE7 及更早的版本不支持 “inherit” 值。IE8 只有规定了 !DOCTYPE 才支持 “inherit”。IE9 支持 “inherit”。

实例

实例

把每个单词的首字母转换为大写：

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>菜鸟教程(runoob.com)</title>
<script>
function displayResult(){
    document.getElementById(“p1″).style.textTransform=”capitalize”;
}
</script>
</head>
<body>

<p id=”p1″>This is some text.</p>
<br>
<button type=”button” onclick=”displayResult()”>转换文本首字符为大写</button>

</body>
</html>

尝试一下 »

HTML DOM Style textTransform 属性 Style 对象