css中tab-size属性的使用方法

  介绍

小编给大家分享一下css中tab-size属性的使用方法,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

<强> css tab-size属性定义及用法

在css中,tab-size属性是使用来规定制表符(选项卡)字符的空格长度,在HTML中,制表符(选项卡)字符通常显示为一个单一的空格字符,除了一些元素,比如& lt; textarea>和& lt; pre>, tab-size属性的结果只对这些元素有效。

tab-size属性是css3中新增属性,目前只有铬浏览器支持tab-size属性;Firefox浏览器支持-moz-tab-size属性来替代该属性;歌剧浏览器支持-o-tab-size属性来替代该属性。没有浏览器支持该值作为长度单位。

<强> css tab-size属性语法格式

css语法:tab-size:数量/长度/初始/继承

JavaScript语法:object.style.tableLayout=癴ixed"

<强>属性值说

号码:规定每个制表符(选项卡)字符要显示的空格字符的数量(默认值为8)

长度:规定制表符(选项卡)字符的长度(几乎所有的主流浏览器都还不支持该属性值)

初始:设置该属性为它的默认值

继承:从父元素继承tab-size属性的值

<强>实例

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"/比;   & lt; title> css tab-size属性制表符的空格长度& lt;/title>   & lt;风格类型=拔谋?css"比;   # t1 {tab-size: 4;   -moz-tab-size: 4;/* Firefox */-o-tab-size: 4;/* */}   # t2 {tab-size: 8;   -moz-tab-size: 8;/* Firefox */-o-tab-size: 8;/* */}   & lt;/style>   & lt;/head>   & lt; body>   & lt; pre id=皌1"在我使用tab-size 4 & lt;/pre>   & lt; pre id=皌2"在我使用tab-size 16 & lt;/pre>   & lt; p>目前只有铬支持tab-size属性。;/p>   & lt; p> Firefox支持可替代该属性的属性-moz-tab-size属性。;/p>   & lt; p>歌剧支持可替代该属性的属性-o-tab-size属性。;/p>   & lt;/body>   & lt;/html>

<强>运行结果

<强>  css中tab-size属性的使用方法

看完了这篇文章,相信你对css中tab-size属性的使用方法有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

css中tab-size属性的使用方法