CSS tab-size 属性-之路教程

语法

tab-size: number | length | initial | inherit;

tab-size属性的示例：

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      .tab1 {
        -moz-tab-size: 5; /* Firefox */
        -o-tab-size: 5;/* Opera 10.6-12.1 */
        tab-size: 5;
      }
      .tab2 {
        -moz-tab-size: 20;/* Firefox */
        -o-tab-size: 20;/* Opera 10.6-12.1 */
        tab-size: 20;
      }
    </style>
  </head>
  <body>
    <h2>Tab-size 属性示例</h2>
    <pre class="tab1">
        Lorem	ipsum	is	a...  
    </pre>
    <pre class="tab2">
        Lorem	ipsum	is	a...
    </pre>
  </body>
</html>

在给定的示例中，第一个元素的制表符大小为 5，第二个元素的制表符大小为 20。

CSS tab-size 属性

tab-size 属性用于设置页面上显示的制表符（U+0009）的宽度。

tab-size 属性是 CSS3 属性之一。

它仅对 <textarea> 和 <pre> HTML 标签可见。

负值无效。

为了获得最大的浏览器兼容性，Firefox 的 -moz- 和 Opera 的 -o- 扩展与此属性一起使用。

初始值	8.
应用于	块容器。
继承	可继承
可动画的	无效
版本	CSS3.
DOM 语法	object.Style.Tabsize =“20”;

CSS tab-size 属性值说明

值	描述
number	设置选项卡中的空格字符数。负值无效。默认值为8.
length	设置选项卡的宽度。负值无效。主要浏览器不支持此值。
initial	使属性使用其默认值。
inherit	从其父元素继承属性。

日期：2020-06-02 22:14:47 来源：oir作者：oir

←CSS stroke属性

CSS table-layout 属性→

语法

tab-size属性的示例：

CSS tab-size 属性值说明

目录