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.

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
Edge 79.0
Firefox 91.0
Opera 15.0
Safari 7.0

R

R_Raj

Improve

Article Tags :

Similar Reads

CSS border-left-color Property

The border-left-color Property is used to set the color of the left-border in an Element. It is mandatory to declare the border-style or the border-left-style property before the border-left-color property. Syntax:border-left-color: color|transparent|initial|inherit; Property Valuescolor: It sets th

CSS padding-bottom Property

An element's padding is the space between its content and its border. The padding-bottom CSS property is used to set the height of the padding area on the bottom of an element. Syntax:padding-bottom: length|percentage;Property values:length: This value is used to specify the size of padding as a fix

CSS margin-bottom Property

The CSS margin-bottom property is used to specify the amount of margin to be used on the bottom of an element. The margin can be set in terms of length or percentage. Syntax:margin-bottom: <length> | <percentage> | autoProperty values:Length: This value specifies the length of the margin

CSS border Property

CSS border property are used to style the borders of elements. They include border-width, border-style, and border-color, allowing control over border thickness, style, and color respectively.CSS Border Property Syntax:border: border-width border-style border-color|initial|inherit;CSS border propert

CSS padding-right Property

Padding is the space between its content and its border. The padding-right property in CSS is used to set the width of the padding area on the right of an element.Syntax: padding-right: length | percentage | initial | inherit;Property values: length: This mode is used to specify the size of padding

CSS padding-left Property

Padding is the space between its content and its border. The padding-left property in CSS is used to set the width of the padding area on the left of an element. Syntax:padding-left: length|percentage|initial|inherit;Property values:length: This mode is used to specify the size of padding as a fixed

CSS Styling Images

CSS allows you to apply various styles to images, making them more responsive, visually appealing, and interactive. You can modify the appearance and behaviour of images on your webpage by using CSS properties like border-radius, box-shadow, filter, and others.Thumbnail ImagesThe border property hel

CSS writing-mode Property

The writing-mode CSS property is used to signify whether the lines of text are laid out horizontally or vertically and also the direction in which the block progress. Syntax:writing-mode: horizontal-tb|vertical-rl|vertical-lr;Default Value: Its default value is horizontal-tb.Property values:horizont

CSS font-family Property

The CSS font-family property specifies the font for an element. It can list multiple fonts as fallbacks. If the browser doesn't support the first font, it tries the next. It includes specific font names like "Arial" and generic families like "serif" or "sans-serif".Types of Font Familyfamily-name: S

CSS z-index Property

CSS z-index is used to control the stacking order of overlapping elements, which decides whether an element appears on top or behind others based on their assigned value.It works only on positioned elements (relative, absolute, or fixed).Default stacking order applies if no z-index is defined.The z-