Kent Tamura
aff3c96143
Automatic update from web-platform-tests css-text-5: Update specification URL in text-fit tests Change-Id: Ie3c1ffa11d0ac25e04a7fe5790ca6f393efb54d9 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7904980 Reviewed-by: Koji Ishii <kojii@chromium.org> Commit-Queue: Koji Ishii <kojii@chromium.org> Auto-Submit: Kent Tamura <tkent@chromium.org> Cr-Commit-Position: refs/heads/main@{#1643098} -- wpt-commits: eca981421a06cb6898eb31878579df4c4c16547a wpt-pr: 60463
47 lines
1.5 KiB
HTML
47 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="reftest-wait">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Text Test: text-fit with vertical-align</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-text-5/#text-fit-property">
|
|
<link rel="match" href="vertical-align-ref.html">
|
|
<meta name="flags" content="ahem">
|
|
<link rel="stylesheet" href="/fonts/ahem.css">
|
|
<style>
|
|
.container {
|
|
font: 10px/1 Ahem;
|
|
width: 92px; /* (30px + 6px + 10px) * 2 */
|
|
text-fit: grow consistent;
|
|
white-space: pre;
|
|
border: 1px solid blue;
|
|
margin-bottom: 10px;
|
|
}
|
|
.small {
|
|
font-size: 0.6em;
|
|
}
|
|
.v-baseline { vertical-align: baseline; }
|
|
.v-sub { vertical-align: sub; }
|
|
.v-super { vertical-align: super; }
|
|
.v-length-px { vertical-align: 2px; }
|
|
.v-length-em { vertical-align: 0.2em; }
|
|
.v-percent { vertical-align: 20%; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if the rendering matches the reference file (which uses equivalent font-size instead of text-fit).</p>
|
|
|
|
<div class="container">AAA<span class="small v-baseline">B</span>C</div>
|
|
<div class="container">AAA<span class="small v-sub">B</span>C</div>
|
|
<div class="container">AAA<span class="small v-super">B</span>C</div>
|
|
<div class="container">AAA<span class="small v-length-px">B</span>C</div>
|
|
<div class="container">AAA<span class="small v-length-em">B</span>C</div>
|
|
<div class="container">AAA<span class="small v-percent">B</span>C</div>
|
|
|
|
<script>
|
|
document.fonts.ready.then(() => {
|
|
document.documentElement.classList.remove('reftest-wait');
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|