VOOZH about

URL: https://www.geeksforgeeks.org/css/css-tab-size-property/

⇱ CSS tab-size Property - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

CSS tab-size Property

Last Updated : 28 Aug, 2024

The tab-size property in CSS is used to specify the width of the tab character. The tab-size usually displays a single space character in an 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 is listed below: 

  • number: It is used to set the number of space characters 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: In this example, we are using the above-explained properties.

Output:

👁 Image

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
Comment