极速阅览

← 返回首页

wpt/css/css-text/hyphens/hyphens-auto-003.html at master · web-platform-tests/wpt · GitHub

{{ message }}

Blame

Blame

Code
Blame

31 lines (30 loc) · 1.3 KB

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSS Text: 'hyphens: auto' with a valid 'lang' attribute specification</title>

<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />

<link rel="help" title="5.4. Hyphenation: the hyphens property" href="https://drafts.csswg.org/css-text-3/#hyphenation">

<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-hyphens-auto">

<link rel="match" href="reference/hyphens-auto-002-ref.html">

<meta name="flags" content="ahem">

<meta name="assert" content="Although hyphenation is enabled, honoring 'auto' value for the 'hyphens' CSS property and a valid 'lang' attribute, the words fit. However, we should break after the preserved combination of white+ideographic space sequence, honoring 'white-space: normal' to prevent overflow.">

<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

<style>

.fail {

position: absolute;

background: red;

width: 100px;

height: 100px;

z-index: -1;

}

.test {

font: 50px/1 Ahem;

width: 4ch;

color: green;

hyphens: auto;

}

</style>

<body lang="en">

<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>

<div class="fail"></div>

<div class="test">XX 　　　　　　 XX</div>

</body>

© 2026 GitHub, Inc.

Terms
Privacy
Security
Status
Community
Docs
Contact
Manage cookies
Do not share my personal information