CSS tab-size用法及代码示例

CSS中的tab-property用于指定制表符的宽度。 tab-size通常在HTML文档中显示单个空格字符。某些元素(例如<textarea>和<pre>元素)显示tab-size。

用法:

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

属性值：tab-property的值如下所示：

number:它用于设置选项卡中空格字符的数量。默认值为8。
length:用于设置长度字符。但是大多数浏览器都不支持它。
initial:此属性用于设置其默认值。
inherit:它用于从其父项继承属性。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>tab-size Property</title> 
        <style>  
          
            /* CSS property for tab-size */ 
            #geeks { 
              
                /* Used for Firefox support */ 
                -moz-tab-size:6; 
                  
                /* Used for Opera 10.6-12.1 support */ 
                -o-tab-size:6; 
                tab-size:6; 
            } 
            body { 
                text-align:center; 
            } 
            h1 { 
                color:green; 
            } 
        </style> 
    </head> 
      
    <body style = "text-align:center"> 
      
        <h1 style = "color:green"> 
            GeeksforGeeks 
        </h1> 
          
        <h2> 
            The tab-size Property 
        </h2> 
          
        <!-- tab property used here -->
        <pre id="Geeks1"> 
         GeeksforGeeks:A     computer science     portal 
        </pre> 
          
    </body> 
</html>

输出：

支持的浏览器：下面列出了tab-size属性支持的浏览器：

谷歌浏览器21.0
Firefox 4.0 -moz-
Opera 15.0、10.6 -o-
Safari 6.1

相关用法

注：本文由纯净天空筛选整理自R_Raj大神的英文原创作品 CSS | tab-size Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。