marker-text-transform-default.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-pseudo/marker-text-transform-default.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>::marker has 'text-transform: none' by default</title>

<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" />

<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">

<link rel="match" href="marker-text-transform-default-ref.html">

<meta name="assert" content="Checks that ::marker does not inherit the text-transform of the list item">

<style>

.outside { list-style-position: outside }

.inside { list-style-position: inside }

.type-roman { list-style-type: lower-roman }

.type-string { list-style-type: "ii. " }

.content-counter::marker { content: counter(list-item, lower-roman) ". " }

.content-string::marker { content: "iv. " }

li {

  text-transform: uppercase;

</style>

<ol class="outside">

  <li class="type-roman">type-roman</li>

  <li class="type-string">type-string</li>

  <li class="content-counter">content-counter</li>

  <li class="content-string">content-string</li>

</ol>

<ol class="inside">

  <li class="type-roman">type-roman</li>

  <li class="type-string">type-string</li>

  <li class="content-counter">content-counter</li>

  <li class="content-string">content-string</li>

</ol>