Files
sousa-gecko/testing/web-platform/tests/css/css-pseudo/marker-text-emphasis-ref.html
T
Oriol Brufau e510bec582 Bug 1990977 - Allow text-emphasis-* properties on ::marker. r=emilio,firefox-style-system-reviewers
Enables support for text-emphasis-color, text-emphasis-position and
text-emphasis-style on the ::marker pseudo-element.

These properties apply to text, so authors should be able to set them on
::marker so that they inherit to and take effect on its text contents.
See https://drafts.csswg.org/css-lists-3/#marker-properties

Differential Revision: https://phabricator.services.mozilla.com/D266260
2025-09-26 11:07:49 +00:00

46 lines
1015 B
HTML

<!DOCTYPE html>
<meta charset="utf-8" />
<title>CSS Reftest Reference</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" />
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
ol {
float: left;
width: 50px;
list-style: none;
line-height: 2;
}
.text-emphasis-shorthand {
-webkit-text-emphasis: circle green;
text-emphasis: circle green;
}
.text-emphasis-longhands {
-webkit-text-emphasis-style: circle;
-webkit-text-emphasis-color: green;
-webkit-text-emphasis-position: under right;
text-emphasis-style: circle;
text-emphasis-color: green;
text-emphasis-position: under right;
}
</style>
<ol class="text-emphasis-shorthand">
<li>1. </li>
<li>2. </li>
<li>3. </li>
</ol>
<ol class="text-emphasis-shorthand">
<li>1. </li>
<li>2. </li>
<li>3. </li>
</ol>
<ol class="text-emphasis-longhands">
<li>1. </li>
<li>2. </li>
<li>3. </li>
</ol>
<ol class="text-emphasis-longhands">
<li>1. </li>
<li>2. </li>
<li>3. </li>
</ol>