50 lines
1.2 KiB
HTML
50 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="UTF-8">
|
|
<title>CSS Test: redefine attr mapping</title>
|
|
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
|
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
|
|
<link rel="match" href="redefine-attr-mapping-ref.html">
|
|
<link rel="stylesheet" href="support/test-common.css">
|
|
<style type="text/css">
|
|
@counter-style triangle {
|
|
system: cyclic;
|
|
symbols: \2023;
|
|
suffix: "";
|
|
}
|
|
@counter-style circle {
|
|
system: extends triangle;
|
|
}
|
|
@counter-style square {
|
|
system: extends triangle;
|
|
}
|
|
@counter-style lower-roman {
|
|
system: extends hiragana;
|
|
}
|
|
@counter-style upper-roman {
|
|
system: extends katakana;
|
|
}
|
|
@counter-style lower-alpha {
|
|
system: extends hiragana-iroha;
|
|
}
|
|
@counter-style upper-alpha {
|
|
system: extends katakana-iroha;
|
|
}
|
|
::marker { font-family: inherit; }
|
|
</style>
|
|
<ul type="circle"><li></ul>
|
|
<ul type="square"><li></ul>
|
|
|
|
<ol><li></ol>
|
|
<ol type="i"><li></ol>
|
|
<ol type="I"><li></ol>
|
|
<ol type="a"><li></ol>
|
|
<ol type="A"><li></ol>
|
|
|
|
<ul>
|
|
<li type="circle">
|
|
<li type="square">
|
|
<li type="i">
|
|
<li type="I">
|
|
<li type="a">
|
|
<li type="A">
|
|
</ul>
|