wpt/css/css-contain/contain-html-dir-003.html at master · web-platform-tests/wpt · GitHub

Content-Length: 325134 | pFad | https://github.com/web-platform-tests/wpt/blob/master/css/css-contain/contain-html-dir-003.html

93 wpt/css/css-contain/contain-html-dir-003.html at master · web-platform-tests/wpt · GitHub

34 lines (32 loc) · 850 Bytes

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

<!doctype html>

<html lang=en>

<meta charset=utf-8>

<title>CSS-contain test: size containment on html prevents direction propagation</title>

<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">

<meta name=flags content="">

<meta name=assert content="size containment on html prevents direction propagation">

<link rel="match" href="reference/contain-body-w-m-001-ref.html">

<link rel=help href="https://drafts.csswg.org/css-contain-1/#contain-property">

<style>

html::before {

content: "";

width: 100px;

height: 100px;

background: orange;

display: block;

}

p {

margin: 0;

direction: ltr;

}

body {

margin: 0 auto 0 0;

width: 200px;

height: 200px;

direction: rtl;

}

html {

contain: size;

}

</style>

<p>Test passes if the orange square is in the upper-left corner.