tab-size

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.

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

尝试一下

tab-size: 10px;

tab-size: 16px;

tab-size: 24px;

tab-size: 4;

#example-element {
  border: 1px solid;
}

css

/*  值 */
tab-size: 4;
tab-size: 0;

/*  值 */
tab-size: 10px;
tab-size: 2em;

/* 全局值 */
tab-size: inherit;
tab-size: initial;
tab-size: unset;

初始值	`8`
适用元素	区块容器
是否是继承属性	是
计算值	the specified integer or an absolute length
动画类型	a length

tab-size = 
    |

css

pre {
  tab-size: 4; /* 将制表符大小设置为 4 个字符宽度。 */
}

css

pre {
  tab-size: 0; /* 去除缩进 */
}

这个例子比较了默认的制表符大小和自定义的制表符大小。请注意，设置了 white-space 属性为 pre，以防止制表符折叠。

html

no tab
	default tab size of 8 characters wide
	custom tab size of 3 characters wide
   3 spaces, equivalent to the custom tab size

css

p {
  white-space: pre;
}

.custom {
  tab-size: 3;
}

Specification
CSS Text Module Level 3 # tab-size-property