FilesExpand file tree

master

/

marker-hyphens.html

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

47 lines (47 loc) · 1.26 KB

master

/

marker-hyphens.html

Copy path

Top

File metadata and controls

• Code
• Blame

47 lines (47 loc) · 1.26 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

<!DOCTYPE html>

<meta charset="utf-8">

<title>::marker supports 'hyphens'</title>

<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" />

<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">

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

<link rel="match" href="marker-hyphens-ref.html">

<meta name="assert" content="Checks that ::marker supports 'hyphens', both explicitly set or inherited from an ancestor">

<style>

li {

list-style-position: inside;

width: 0;

}

::marker {

white-space: normal;

}

.hyphens-manual.explicit ::marker,

.hyphens-manual.inherit {

hyphens: manual;

}

.hyphens-none.explicit ::marker,

.hyphens-none.inherit {

hyphens: none;

}

.marker-string {

list-style-type: "foo\AD bar";

}

.marker-content::marker {

content: "foo\AD bar";

}

</style>

<ol class="hyphens-manual explicit">

<li class="marker-string"></li>

<li class="marker-content"></li>

</ol>

<ol class="hyphens-manual inherit">

<li class="marker-string"></li>

<li class="marker-content"></li>

</ol>

<ol class="hyphens-none explicit">

<li class="marker-string"></li>

<li class="marker-content"></li>

</ol>

<ol class="hyphens-none inherit">

<li class="marker-string"></li>

<li class="marker-content"></li>

</ol>