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
37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://drafts.csswg.org/css-text-5/#text-fit-property">
|
|
<link rel="match" href="spacing-ref.html">
|
|
<meta name="flags" content="ahem">
|
|
<link rel="stylesheet" href="/fonts/ahem.css">
|
|
<style>
|
|
.target {
|
|
font: 20px/1 Ahem;
|
|
white-space: pre;
|
|
background: green;
|
|
margin-bottom: 10px;
|
|
}
|
|
.scale {
|
|
text-fit: grow;
|
|
}
|
|
.scale-line {
|
|
text-fit: grow per-line-all;
|
|
}
|
|
.nospacing {
|
|
letter-spacing: 0;
|
|
}
|
|
</style>
|
|
<body style="">
|
|
<!-- Specify letter-spacing:0 to the last letter to ensure it has no spacing. -->
|
|
<div class="target scale" style="width: 100px; letter-spacing: 50%;">A<span class="nospacing">A</span></div>
|
|
<div class="target scale" style="width: 110px; letter-spacing: 10px;">A<span class="nospacing">A</span></div>
|
|
<div class="target scale" style="width: 140px; word-spacing: 50%;">A A</div>
|
|
<div class="target scale" style="width: 130px; word-spacing: 10px;">A A</div>
|
|
|
|
<div class="target scale-line" style="width: 100px; letter-spacing: 50%;">A<span class="nospacing">A</span></div>
|
|
<div class="target scale-line" style="width: 110px; letter-spacing: 10px;">A<span class="nospacing">A</span></div>
|
|
<div class="target scale-line" style="width: 140px; word-spacing: 50%;">A A</div>
|
|
<div class="target scale-line" style="width: 130px; word-spacing: 10px;">A A</div>
|
|
|
|
<div class="target" style="width: 40px; letter-spacing: 10px; text-fit:shrink per-line-all 75%">ApA<span class="nospacing">p</span></div>
|
|
</body>
|