Your Search Results

    letter-spacing

    Summary

    The letter-spacing CSS property specifies spacing behavior between text characters.

    • Initial value normal
    • Applies to all elements
    • Inherited yes
    • Media visual
    • Computed value an optimum value consisting of either an absolute length or the keyword normal
    • Animatable yes, as a length
    • Canonical order the unique non-ambiguous order defined by the formal grammar

    Syntax

    Formal syntax: normal | <length>
    
    letter-spacing: normal
    
    letter-spacing: 0.3em
    letter-spacing: 3px
    letter-spacing: .3px
    
    letter-spacing: inherit
    

    Values

    normal
    The spacing is the normal spacing for the current font. This value allows the user agent to alter the space between characters in order to justify text. That's the difference to the length value 0.
    <length>
    Indicates inter-character space in addition to the default space between characters. Values may be negative, but there may be implementation-specific limits. User agents may not further increase or decrease the inter-character space in order to justify text.
    See <length> values for possible units.

    Examples

    Having a css style of:

    p { letter-spacing: 0.4em }
    

    and a webpage with the code:

    <p> letter spacing </p>
    

    will produce the following:

    letter spacing


    Here are some more letter spacing examples:

    letter-spacing: 0.1em
    letter-spacing: 0.5em
    letter-spacing: 0.8em
    letter-spacing: 1em
    letter-spacing: -0.05em
    letter-spacing: 6px

    Specifications

    Specification Status Comment
    CSS Text Level 3 Working Draft Replace the previous values with a <spacing-limit> value that allows up to three values describing the optimum, minimum, and maximum value.
    CSS Transitions Working Draft Defines letter-spacing as animatable.
    CSS Level 2 (Revision 1) Recommendation No change.
    Scalable Vector Graphics (SVG) 1.1 (Second Edition) Recommendation Initial SVG specification.
    CSS Level 1 Recommendation Initial specification

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    HTML support 1.0 1.0 (1.7 or earlier) 4.0 3.5 1.0 (85)
    SVG support (Yes) Not supported (bug 371787) ? (Yes) (Yes)
    Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    HTML support ? ? ? ? ?
    SVG support ? ? ? ? ?

    See also

    Hide Sidebar