forked from mirrors/gecko-dev
113b8ca238
Automatic update from web-platform-tests [css-pseudo] Apply ::marker styles to markers Currently markers are assigned a mostly empty style, it just inherits from the list item and has some customizations like `display`. This patch makes them use the style of the ::marker pseudo-element. The inheritance is also from the list item, and the customizations are applied afterwards. The change only affects markers originated by real elements. Markers originated by ::before or ::after pseudo-elements should get the styles from ::before::marker or ::after::marker, but this will be addressed in a follow-up patch. Spec: https://drafts.csswg.org/css-pseudo-4/#marker-pseudo BUG=457718 TEST=external/wpt/css/css-pseudo/marker-and-other-pseudo-elements.html TEST=external/wpt/css/css-pseudo/marker-color.html TEST=external/wpt/css/css-pseudo/marker-font-properties.html Change-Id: Ide2fbc344e4732257044ebd3e7966906af21c434 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1893265 Reviewed-by: Rune Lillesveen <futhark@chromium.org> Commit-Queue: Oriol Brufau <obrufau@igalia.com> Cr-Commit-Position: refs/heads/master@{#711883} -- wpt-commits: e76f87b52667b3e8b43285e72b654bfa7cb8ace9 wpt-pr: 20025 Differential Revision: https://phabricator.services.mozilla.com/D53611
33 lines
825 B
HTML
33 lines
825 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Test: ::marker formatting with font properties</title>
|
|
<link rel="author" title="Daniel Bates" href="mailto:dbates@webkit.org">
|
|
<link rel="match" href="marker-font-properties-ref.html">
|
|
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
|
|
<meta name="assert" content="Tests ::marker rendering with font properties">
|
|
<style>
|
|
ol {
|
|
line-height: 30px;
|
|
}
|
|
|
|
li {
|
|
list-style-type: lower-alpha;
|
|
}
|
|
|
|
li::marker, span {
|
|
font-family: sans-serif;
|
|
font-size: 24px;
|
|
font-style: italic;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<ol>
|
|
<li><span><!-- FIXME: Needed to ensure consistent baseline position with expected result in Chromium and WebKit (why?). --></span></li>
|
|
</ol>
|
|
</body>
|
|
</html>
|