fune/testing/web-platform/tests/css/css-values/attr-in-max.html
Fuqiao Xue 56178afb40 Bug 1590303 [wpt PR 19819] - [css-values] Add tests for basic min() / max() support, a=testonly
Automatic update from web-platform-tests
[css-values] Add tests for basic min() / max() support (#19819)

https://drafts.csswg.org/css-values-4/#functional-notations

Tests cover the following:
- attr() in max()
- calc() in max()
- max() with 20 arguments
- min() with unitless 0
--

wpt-commits: cb6efc45632ed3a12e3c6aa27fb2a7f6676e772f
wpt-pr: 19819
2019-10-31 12:16:24 +00:00

28 lines
796 B
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Values and Units Test: attr() in max()</title>
<meta name="assert" content="The attr() function notation is allowed inside a max() notation.">
<link rel="author" title="Fuqiao Xue" href="mailto:xfq@w3.org">
<link rel="help" href="https://drafts.csswg.org/css-values/#attr-notation">
<link rel="help" href="https://drafts.csswg.org/css-values/#calc-notation">
<link rel="match" href="reference/200-200-green.html">
<style>
html, body { margin: 0px; padding: 0px; }
html { background: white; overflow: hidden; }
#outer { position: relative; background: green; }
#outer { width: max(attr(data-test length)); height: 200px; }
</style>
</head>
<body>
<div id="outer" data-test="200px"></div>
</body>
</html>