Skip to content
Related Articles
Open in App
Not now

Related Articles

CSS | tab-size Property

Improve Article
Save Article
  • Last Updated : 08 Jul, 2022
Improve Article
Save Article

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.

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.



<!DOCTYPE html>
        <title>tab-size Property</title>
            /* 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 {
            h1 {
    <body style = "text-align:center">
        <h1 style = "color:green">
            The tab-size Property
        <!-- tab-size property used here -->
        <pre id="Geeks1">
         GeeksforGeeks: A     computer science     portal


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

  • Google Chrome 21.0
  • Edge 79.0
  • Firefox 91.0 
  • Opera 15.0
  • Safari 7.0


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!