Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
Your Search Results

    word-wrap

    Summary

    The word-wrap CSS property is used to specify whether or not the browser may break lines within words in order to prevent overflow (in other words, force wrapping) when an otherwise unbreakable string is too long to fit in its containing box.

    Note: Originally a Microsoft (unprefixed) proprietary extension, the word-wrap property has been renamed overflow-wrap in the current draft of the CSS3 Text specification. word-wrap is now considered an "alternate name" for overflow-wrap. Stable builds of Google Chrome and Opera support the new syntax.

    Syntax

    Formal syntax: normal | break-word
    word-wrap: normal
    word-wrap: break-word
    
    word-wrap: inherit
    

    Values

    normal
    Indicates that lines may only break at normal word break points.
    break-word
    Indicates that normally unbreakable words may be broken at arbitrary points if there are no otherwise acceptable break points in the line.

    Examples

    p { width: 13em; background: gold; }

    FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

    p { width: 13em; background: gold; word-wrap: break-word; }

    FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

    Specifications

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

    Browser compatibility

    Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
    Basic support 3.5 (1.9.1) 1.0 5.5 10.5 1.0
    Feature Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
    Basic support 1.0 (1.9.1) 1.0 ? ? 1.0
    • word-wrap:break-word can be used to work around lack of pre{white-space:pre-wrap} support in IE 5.5-7. See white-space for an example.
    • IE8 introduced -ms-word-wrap as a synonym for word-wrap. Don't use the -ms- prefix.

    See also

    Document Tags and Contributors

    Last updated by: Sebastianz,
    Hide Sidebar