We use cookies to improve your experience. Learn more in our Privacy policy.
hyphens
The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Initial value | manual |
Applies to | all elements |
Syntax
hyphens: manual;
Values
Words are not broken at line breaks, even if characters inside the words suggest line break points. Lines will only wrap at whitespace.
Words are broken for line-wrapping only where characters inside the word suggest line break opportunities. See Suggesting line break opportunities below for details.
The browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses. However, suggested line break opportunities (see Suggesting line break opportunities below) will override automatic break point selection when present.
The "hard" hyphen character indicates a visible line break opportunity. Even if the line is not actually broken at that point, the hyphen is still rendered.
An invisible, "soft" hyphen. This character is not rendered visibly; instead, it marks a place where the browser should break the word if hyphenation is necessary. In HTML, use to insert a soft hyphen.
Browser support
hyphens | chrome55 | edge12 | firefox43 | ie10 | opera44 | safari5.1 |
afrikaans | chrome | edge | firefox8 | ie | opera | safari |
bosnian | chrome | edge | firefox8 | ie | opera | safari |
bulgarian | chrome | edge | firefox8 | ie | opera | safari |
catalan | chrome | edge | firefox8 | ie | opera | safari5.1 |
croatian | chrome | edge | firefox8 | ie | opera | safari9.1 |
czech | chrome | edge | firefox | ie | opera | safari9.1 |
danish | chrome | edge | firefox8 | ie | opera | safari5.1 |
dutch | chrome | edge | firefox8 | ie | opera | safari5.1 |
english | chrome55 | edge12 | firefox6 | ie10 | opera44 | safari5.1 |
esperanto | chrome | edge | firefox8 | ie | opera | safari |
estonian | chrome | edge | firefox8 | ie | opera | safari |
finish | chrome | edge | firefox8 | ie | opera | safari9.1 |
french | chrome | edge | firefox8 | ie | opera | safari5.1 |
galician | chrome | edge | firefox9 | ie | opera | safari |
german_reformed_orthography | chrome | edge | firefox8 | ie | opera | safari5.1 |
german_swiss_orthography | chrome | edge | firefox8 | ie | opera | safari |
german_traditional_orthography | chrome | edge | firefox8 | ie | opera | safari |
hungarian | chrome | edge | firefox9 | ie | opera | safari9.1 |
icelandic | chrome | edge | firefox8 | ie | opera | safari |
interlingua | chrome | edge | firefox8 | ie | opera | safari |
italian | chrome | edge | firefox9 | ie | opera | safari5.1 |
kurmanji | chrome | edge | firefox8 | ie | opera | safari |
latin | chrome | edge | firefox8 | ie | opera | safari |
lithuanian | chrome | edge | firefox8 | ie | opera | safari |
mongolian | chrome | edge | firefox8 | ie | opera | safari |
norwegian_nn | chrome | edge | firefox8 | ie | opera | safari |
norwegian_no | chrome | edge | firefox8 | ie | opera | safari5.1 |
polish | chrome | edge | firefox31 | ie | opera | safari9.1 |
portuguese | chrome | edge | firefox8 | ie | opera | safari9.1 |
portuguese_brazillian | chrome | edge | firefox8 | ie | opera | safari |
russian | chrome | edge | firefox8 | ie | opera | safari5.1 |
slovenian | chrome | edge | firefox8 | ie | opera | safari |
spanish | chrome | edge | firefox8 | ie | opera | safari5.1 |
swedish | chrome | edge | firefox8 | ie | opera | safari5.1 |
turkish | chrome | edge | firefox9 | ie | opera | safari5.1 |
ukrainian | chrome | edge | firefox9 | ie | opera | safari9.1 |
upper_sorbian | chrome | edge | firefox8 | ie | opera | safari |
welsh | chrome | edge | firefox8 | ie | opera | safari |