mirror of
https://github.com/servo/servo.git
synced 2025-08-11 00:15:32 +01:00
Update web-platform-tests to revision d9591651df411fe105c176a498ab0cb0c58819fa
This commit is contained in:
parent
ff304bdb39
commit
11a9f36057
156 changed files with 1709 additions and 1626 deletions
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS aspect-ratio: out-of-flow replaced element</title>
|
||||
<link rel="author" title="Google LLC" href="https://www.google.com/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div style="position: relative;">
|
||||
<img src="support/200x200-green.png" style="position: absolute; aspect-ratio: auto 10/1; height: 100px;">
|
||||
</div>
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS aspect-ratio: img with display:block and auto ratio</title>
|
||||
<link rel="author" title="Google LLC" href="https://www.google.com/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<img src="support/1x1-green.png" style="width: 100px; aspect-ratio: auto 10/1; display: block;">
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS aspect-ratio: img with display:block and auto ratio</title>
|
||||
<link rel="author" title="Google LLC" href="https://www.google.com/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<img src="support/1x1-green.png" style="height: 100px; aspect-ratio: auto 10/1; display: block;">
|
||||
|
Binary file not shown.
After Width: | Height: | Size: 275 B |
|
@ -0,0 +1,32 @@
|
|||
<!doctype html>
|
||||
<title>CSS test reference</title>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.parent {
|
||||
border: 3px solid green;
|
||||
position: absolute;
|
||||
height: 60vh;
|
||||
}
|
||||
|
||||
.parent img {
|
||||
height: calc(60vh - 6px);
|
||||
}
|
||||
</style>
|
||||
<div class="parent">
|
||||
<img src="/images/blue96x96.png">
|
||||
</div>
|
|
@ -0,0 +1,34 @@
|
|||
<!doctype html>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#intrinsic-sizes">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1677353">
|
||||
<link rel="match" href="intrinsic-percent-replaced-009-ref.html">
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.parent {
|
||||
border: 3px solid green;
|
||||
position: absolute;
|
||||
height: 60%;
|
||||
}
|
||||
|
||||
.parent img {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
<div class="parent">
|
||||
<img src="/images/blue96x96.png">
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue