Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-pseudo/first-line-font-relative-units-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Pseudo-Elements Test: font-relative units on inline child in ::first-line</title>
<link rel="match" href="first-line-font-relative-units-001-ref.html">
<meta name="assert" content="Font-relative length units (such as 'em') on an inline child inside ::first-line resolve against the ::first-line font size.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
p {
font: 100px Ahem;
}
p::first-line {
font-size: 10px;
}
span {
border-left: solid 1em green;
}
</style>
<p>A green 10px border on the left of <span>this,<br>
is a pass.</span></p>