Skip to content
Related Articles

Related Articles

Improve Article
CSS | tab-size Property
  • Last Updated : 05 Mar, 2021

The tab-size property in CSS is used to specify the width of tab character. The tab-size usually display a single space character in HTML document. Some elements like <textarea> and <pre> elements display the tab-size.
Syntax: 
 

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

Property Value: The value of tab-size property are listed below: 
 

  • number: It is used to set the number of space character in a tab. Its default value is 8.
  • length: It is used to set the length character. But it is not supported by most of the browsers.
  • initial: This property is used to set its default value.
  • inherit: It is used to inherit the property from its parent.

Example: 
 

html




<!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-size property used here -->
        <pre id="Geeks1">
         GeeksforGeeks: A     computer science     portal
        </pre>
         
    </body>
</html>                   

Output: 
 

Supported Browsers: The browser supported by tab-size property are listed below: 
 

  • Google Chrome 21.0
  • Firefox 4.0 -moz-
  • Opera 15.0, 10.6 -o-
  • Safari 6.1

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :