Testing CSS hyphenation properties

Assessing support for CSS Text Module Level 4 hyphenation properties. See accompanying blog post for more details.

0. No hyphenation

Enormous elephants perambulating amiably. Mississippi alligators organising confrontations. Overbearing hippopotamuses swimming languidly. Precocious octopuses constructing dodecahedrons. Disastrous rhinoceroses exacerbating situations. Enormous elephants perambulating amiably. Mississippi alligators organising confrontations.

1. hyphens:auto

@supports hyphens:auto @supports -webkit-hyphens:auto @supports -moz-hyphens:auto @supports -ms-hyphens:auto

Enormous elephants perambulating amiably. Mississippi alligators organising confrontations. Overbearing hippopotamuses swimming languidly. Precocious octopuses constructing dodecahedrons. Disastrous rhinoceroses exacerbating situations. Enormous elephants perambulating amiably. Mississippi alligators organising confrontations.

2. hyphenate-limit-lines

@supports hyphenate-limit-lines:2 @supports -webkit-hyphenate-limit-lines:2 @supports -ms-hyphenate-limit-lines:2 @supports -moz-hyphenate-limit-lines:2

Enormous elephants perambulating amiably. Mississippi alligators organising confrontations. Overbearing hippopotamuses swimming languidly. Precocious octopuses constructing dodecahedrons. Disastrous rhinoceroses exacerbating situations. Enormous elephants perambulating amiably. Mississippi alligators organising confrontations.

3. hyphenate-limit-chars

@supports hyphenate-limit-chars:6 4 2 @supports -webkit-hyphenate-limit-chars:6 4 2 @supports -ms-hyphenate-limit-chars:6 4 2 @supports -moz-hyphenate-limit-chars:6 4 2

Enormous elephants perambulating amiably. Mississippi alligators organising confrontations. Overbearing hippopotamuses swimming languidly. Precocious octopuses constructing dodecahedrons. Disastrous rhinoceroses exacerbating situations. Enormous elephants perambulating amiably. Mississippi alligators organising confrontations.

4. hyphenate-limit-before/after (legacy)

@supports hyphenate-limit-before:4 hyphenate-limit-after:2 @supports -webkit-hyphenate-limit-before:4 -webkit-hyphenate-limit-after:2 @supports -webkit-ms-limit-before:4 -ms-hyphenate-limit-after:2 @supports -webkit-moz-limit-before:4 -moz-hyphenate-limit-after:2

Enormous elephants perambulating amiably. Mississippi alligators organising confrontations. Overbearing hippopotamuses swimming languidly. Precocious octopuses constructing dodecahedrons. Disastrous rhinoceroses exacerbating situations. Enormous elephants perambulating amiably. Mississippi alligators organising confrontations.

5. hyphenate-limit-zone

@supports hyphenate-limit-zone:8% @supports -webkit-hyphenate-limit-zone:8% @supports -ms-hyphenate-limit-zone:8% @supports -moz-hyphenate-limit-zone:8%

Enormous elephants perambulating amiably. Mississippi alligators organising confrontations. Overbearing hippopotamuses swimming languidly. Precocious octopuses constructing dodecahedrons. Disastrous rhinoceroses exacerbating situations. Enormous elephants perambulating amiably. Mississippi alligators organising confrontations.

6. hyphenate-limit-last

@supports hyphenate-limit-last:always @supports -webkit-hyphenate-limit-last:always @supports -moz-hyphenate-limit-last:always @supports -ms-hyphenate-limit-last:always

Enormous elephants perambulating amiably. Mississippi alligators organising confrontations. Overbearing hippopotamuses swimming languidly. Precocious octopuses constructing dodecahedrons. Disastrous rhinoceroses exacerbating situations. Enormous elephants perambulating amiably. Mississippi alligators organising confrontations.