HTML - DOM Style Object tabSize Property

Quiz

HTML DOM Style Object tabSize property sets or returns the length of the space used for the tab character.

The effect of this property will be obseved in elements like <pre> and <textarea>, as in HTML, tab character is usually displayed as a single space character except for these elements.

Syntax

Set the tabSize property:

object.style.tabSize= "number | length | initial | inherit";

Get the tabSize property:

object.style.tabSize;

Property Values

Value	Description
number	It's default value is 8. It specifies number of space characters used for each tab character.
length	It specifies length of tab characters. It is not supported by most of the browsers.
initial	It is used to set this property to it's default value.
inherit	It is used to inherit the property of it's parent element.

Return Value

It returns a string value which represents the tab size property of an element.

Example of HTML DOM Style Object 'tabSize' Property

The following example sets the tab size to 16.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM Style Object tabSize Property
    </title>
</head>
<body>
    <p>Click to change tab size.</p>
    <button onclick="fun()">Change Size</button>
    <pre id="tabs">Welcome	To	Tutorials	Point</pre>      
    <script>
        function fun(){
            document.getElementById("tabs")
                .style.tabSize="16"
        }
    </script>
</body>
</html>

Supported Browsers

Property
tabSize	Yes 21	Yes 79	Yes 91	Yes 7	Yes 15

html_dom.htm

Print Page