Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-text/text-fit/text-box.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<link rel="match" href="text-box-ref.html">
<meta name="flags" content="ahem">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
.target {
width: 120px;
border: 2px solid blue;
margin-bottom: 10px;
font: 20px/2 Ahem;
white-space: pre;
text-box: trim-both cap text;
}
</style>
<div class="target" style="text-fit:grow consistent;"
>a b
bc
def
</div>
<div class="target" style="text-fit:shrink consistent;"
>abc abc abcd
bc m
def
</div>