mozilla
Your Search Results

    tab-size

    This is an experimental technology
    Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.

    Summary

    The tab-size CSS property is used to customize the width of a tab (U+0009) character.

    • Initial value 8
    • Applies to block containers
    • Inherited yes
    • Media visual
    • Computed value the specified integer or an absolute length
    • Animatable no
    • Canonical order the unique non-ambiguous order defined by the formal grammar

    Syntax

    Formal syntax: | <length"><integer> | <length>
    
    tab-size: 4
    tab-size: 0
    tab-size: 8
    
    tab-size: inherit
    

    Values

    <integer>
    The number of spaces in a tab. Must be nonnegative.
    <length>
    The width of a tab. Must be nonnegative.
    inherit
    Inherits from the parent element.

    Examples

    pre {
      tab-size: 4; /* Set tab size to 4 spaces */
    }
    
    pre {
      tab-size: 0; /* Remove indentation */
    }
    
    pre {
      tab-size: 99; /* Don't use tabs! */
    }
    

    Specifications

    Specification Status Comment
    CSS Text Level 3
    The definition of 'tab-size' in that specification.
    Working Draft Initial definition

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support 21 4.0 (2.0)-moz Not supported 10.60-o/15 6.1
    <length> Not supported bug 943918 Not supported Not supported Not supported
    Feature iOS Safari Opera Mini Opera Mobile Android Browser
    Basic support 7.1 -o 11.5-o/24 4.4

    See also

    Document Tags and Contributors

    Last updated by: ddbeck,
    Hide Sidebar