Related Articles

Related Articles

CSS | tab-size Property
  • Last Updated : 09 Aug, 2019

The tab-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-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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>                    

chevron_right


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 :