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
48
49
50
51
52
53
54
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Overflow: getComputedStyle().overflow</title>
<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-overflow">
<meta name="assert" content="visible/clip compute to auto/hidden (respectively) if one of overflow-x or overflow-y is neither visible nor clip.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_computed_value("overflow", 'visible');
test_computed_value("overflow", 'hidden');
test_computed_value("overflow", 'clip');
test_computed_value("overflow", 'scroll');
test_computed_value("overflow", 'auto');
test_computed_value("overflow", 'auto auto', 'auto');
test_computed_value("overflow", 'auto clip', 'auto hidden');
test_computed_value("overflow", 'auto visible', 'auto');
test_computed_value("overflow", 'clip auto', 'hidden auto');
test_computed_value("overflow", 'clip clip', 'clip');
test_computed_value("overflow", 'clip hidden', 'hidden');
test_computed_value("overflow", 'clip scroll', 'hidden scroll')
test_computed_value("overflow", 'clip visible', 'clip visible')
test_computed_value("overflow", 'hidden clip', 'hidden');
test_computed_value("overflow", 'hidden visible', 'hidden auto');
test_computed_value("overflow", 'scroll auto');
test_computed_value("overflow", 'scroll clip', 'scroll hidden');
test_computed_value("overflow", 'scroll visible', 'scroll auto');
test_computed_value("overflow", 'visible auto', 'auto');
test_computed_value("overflow", 'visible hidden', 'auto hidden');
test_computed_value("overflow", 'visible scroll', 'auto scroll');
test_computed_value("overflow", 'visible clip', 'visible clip');
test_computed_value("overflow", 'visible visible', 'visible');
test_computed_value("overflow-x", 'scroll');
test_computed_value("overflow-x", 'hidden');
test_computed_value("overflow-x", 'visible');
test_computed_value("overflow-y", 'clip');
test_computed_value("overflow-y", 'auto');
test_computed_value("overflow-y", 'visible');
test_computed_value("overflow-block", 'hidden');
test_computed_value("overflow-block", 'clip');
test_computed_value("overflow-block", 'visible');
test_computed_value("overflow-inline", 'scroll');
test_computed_value("overflow-inline", 'visible');
</script>
</body>
</html>
|
