tab-size

版本：CSS3

CSS 属性 tab-size 用于自定义制表符(U+0009)的宽度。

这是一个实验中的功能：此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

示例

/* integer values */
tab-size: 4;
tab-size: 0;

/* length values */
tab-size: 10px;
tab-size: 2em;

/* Global values */
tab-size: inherit;
tab-size: initial;
tab-size: unset;

浏览器支持

IE、safari浏览器不指出。其余浏览器都支持tab-size

语法:

tab-size:<integer>| <length>

检索或设置对象中的制表符的长度。

• 该属性决定了制表符(U+0009)的宽度，整数代表空格(U+0020)的倍数(如:tab-size:4;表示制表符宽度是4个空格的宽度)
• 只有当<white-space>的属性值为:pre | pre-wrap时，该属性的定义才有效
• 对应的脚本特性为tabSize。

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

CSS 属性tab-size用于自定义制表符(U+0009)的宽度。

取值:

• <integer>:用整数值指定制表符的长度。不允许负值。
• <length>:用长度值指定制表符的长度。不允许负值。

例子

pre {tab-size: 16; }
pre {-moz-tab-size: 16; }/* 针对 firefox 的代码 */
pre {-o-tab-size: 16; } /* 针对 opera 的代码 */

pre {
  tab-size: 4; /* 将制表符宽度设为 4 个空格 */
}

pre {
  tab-size: 0; /* 移除缩进效果 */
}

pre {
  tab-size: 2; /* 将制表符宽度设为 2 个空格 */
}

在线演示

本示例比较了默认制表符宽度和自定义制表符宽度。注意white-space被设置为pre以防止制表符收起。

//html
<p>no tab</p>
<p>&#0009;default tab size of 8 spaces</p>
<p class="custom">&#0009;custom tab  size of 3 spaces</p>

//CSS

p {
  white-space: pre;
}

.custom {
  -moz-tab-size: 3;
  tab-size: 3;
}