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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。