介绍
小编给大家分享一下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属性的使用方法有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!