html tab 图标大小,HTML Style tabSize用法及代码示例

HTMLDOM的Style.tabSize属性用于定义制表符的宽度。它可以设置为数字(默认值为8,表示空格数)或初始值,也可以继承自父元素。示例展示了如何使用number和initial值改变元素的tabSize。
摘要由CSDN通过智能技术生成

HTML DOM中的Style tabSize属性用于设置或返回代替制表符使用的空格的长度。

用法:

获取tabSize属性object.style.tabSize

设置tabSize属性object.style.tabSize = "number|length|initial|inherit"

属性值

number:用于指定每个制表符使用的空格字符数。预设值为8。

length:这用于指定制表符的长度。大多数浏览器当前不支持该值。

initial:这用于将属性设置为其默认值。

inherit:用于从元素的父元素继承值。

示例1:使用“number”属性。

DOM Style tabSize Property

GeeksforGeeks

DOM Style tabSize Property

The tabSize property specifies

the amount of space to be used

for the tab character.

 
 

Geeks    For    Geeks

Change

function GFG() {

ele = document.getElementById("ts");

ele.style.tabSize = "16"

}

输出:

在单击按钮之前:

b02bae4e641d3ffcc32d6e81ba0a990f.png

单击按钮后:

45462f37755a46db5eab8557174f6da4.png

示例2:使用“initial”属性。

DOM Style tabSize Property

#ts {

tab-size:16;

}

GeeksforGeeks

DOM Style tabSize Property

The tabSize property specifies

the amount of space to be used

for the tab character.

 
 

Geeks        For        Geeks

Change

function GFG() {

ele = document.getElementById("ts");

ele.style.tabSize = "initial"

}

输出:

在单击按钮之前:

088f1d54061e1da7b2d1a1d17345d96c.png

单击按钮后:

ebf3bdb3d1cbef71fcb7493418076f33.png

支持的浏览器:下面列出了DOM Style tabSize属性支持的浏览器:

Chrome

Firefox -MozTabSize-

Opera 15.0

Safari 6.1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值