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;

浏览器支持

语法:

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

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

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

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

取值:

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

例子

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
no tab
default tab size of 8 spaces
custom tab  size of 3 spaces
//CSS

p {
  white-space: pre;
}

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

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com