mirror of
https://github.com/servo/servo.git
synced 2025-08-09 15:35:34 +01:00
Update web-platform-tests to revision b'ee6da9d71d0268d7fdb04e8e5b26858f46ee0cc4'
This commit is contained in:
WPT Sync Bot
cybai
parent
4401622eb1
commit
b77ad115f6
16832 changed files with 270819 additions and 87621 deletions
|
|
@ -5,7 +5,6 @@
|
|||
<title>arabic-indic, 0-9</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style: arabic-indic produces numbers up to 9 items per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: arabic-indic; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>arabic-indic, 10+</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: arabic-indic produces numbers after 9 per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: arabic-indic; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>arabic-indic, suffix</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: arabic-indic produces a suffix per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: arabic-indic; }
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: armenian produces numbers up to 9 items per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: armenian; }
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: armenian produces numbers after 9 items per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: armenian; }
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: armenian produces counter values outside its ranges using its fallback style.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: armenian; }
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: armenian will produce a suffix per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: armenian; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>bengali, 0-9</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type:bengali produces numbers up to 9 per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: bengali; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>bengali, 10+</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: bengali produces numbers after 9 per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: bengali; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>bengali, suffix</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: bengali produces a suffix per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: bengali; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>cambodian, 0-9</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cambodian produces numbers up to 9 per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cambodian; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>cambodian, 10+</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cambodian produces numbers after 9 per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cambodian; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>cambodian, suffix</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cambodian produces a suffix per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cambodian; }
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cjk-decimal produces numbers up to 9 items per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cjk-decimal; }
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cjk-decimal produces numbers after 9 items per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cjk-decimal; }
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cjk-decimal will produce a suffix as described in the CSS3 Counter Styles module.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cjk-decimal; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>cjk-earthly-branch, 0-12</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type:cjk-earthly-branch produces numbers up to 12 per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cjk-earthly-branch; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>cjk-earthly-branch, 13+</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cjk-earthly-branch produces numbers after 12 per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cjk-earthly-branch; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>cjk-earthly-branch, suffix</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cjk-earthly-branch produces a suffix per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cjk-earthly-branch; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>cjk-heavenly-stem, 0-9</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type:cjk-heavenly-stem produces numbers up to 12 per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cjk-heavenly-stem; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>cjk-heavenly-stem, 10+</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cjk-heavenly-stem produces numbers after 9 per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cjk-heavenly-stem; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<title>cjk-heavenly-stem, suffix</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
|
||||
<meta name='flags' content='font'>
|
||||
<meta name="assert" content="list-style-type: cjk-heavenly-stem produces a suffix per the spec.">
|
||||
<style type='text/css'>
|
||||
ol li { list-style-type: cjk-heavenly-stem; }
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#shadow-names">
|
||||
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
||||
<link rel="match" href="counter-style-access-from-shadow-dom-ref.html">
|
||||
<link rel="match" href="access-from-shadow-dom-ref.html">
|
||||
|
||||
<style>
|
||||
@counter-style foo {
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<title>CSS Test: invalid counter-style symbols</title>
|
||||
<link rel="author" title="Anthony Ramine" href="mailto:n.oxyde@gmail.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#typedef-symbol">
|
||||
<link rel="match" href="broken-symbols-ref.htm">
|
||||
<link rel="match" href="broken-symbols-ref.html">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: alphabetic;
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<div>一千、</div>
|
||||
<div>一千零一、</div>
|
||||
<div>一千零二、</div>
|
||||
<div>一千零三、</div>
|
||||
<div>一千零四、</div>
|
||||
<div>一〇〇五、</div>
|
||||
<div>一〇〇六、</div>
|
||||
<div>一〇〇七、</div>
|
||||
<div>一〇〇八、</div>
|
||||
<div>一〇〇九、</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: dependent builtin</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#extends-system">
|
||||
<link rel="match" href="dependent-builtin-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends simp-chinese-informal;
|
||||
range: 1000 1004;
|
||||
}
|
||||
</style>
|
||||
<ol start="1000" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<div>00. </div>
|
||||
<div>A. </div>
|
||||
<div>B. </div>
|
||||
<div>C. </div>
|
||||
<div>D. </div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor fallback, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-fallback">
|
||||
<link rel="match" href="descriptor-fallback-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends upper-alpha;
|
||||
fallback: decimal-leading-zero;
|
||||
fallback: decimal cjk-decimal;
|
||||
fallback: "*";
|
||||
}
|
||||
</style>
|
||||
<ol start="0" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<!-- list-style-type: a -->
|
||||
<div>a. </div>
|
||||
<div>b. </div>
|
||||
<div>c. </div>
|
||||
<div>d. </div>
|
||||
<div>e. </div>
|
||||
<div>f. </div>
|
||||
<div>7. </div>
|
||||
<div>8. </div>
|
||||
<div>9. </div>
|
||||
<!-- list-style-type: b -->
|
||||
<div>a. </div>
|
||||
<div>b. </div>
|
||||
<div>c. </div>
|
||||
<div>d. </div>
|
||||
<div>e. </div>
|
||||
<div>f. </div>
|
||||
<div>7. </div>
|
||||
<div>8. </div>
|
||||
<div>9. </div>
|
||||
<!-- list-style-type: c -->
|
||||
<div>a. </div>
|
||||
<div>b. </div>
|
||||
<div>c. </div>
|
||||
<div>d. </div>
|
||||
<div>e. </div>
|
||||
<div>f. </div>
|
||||
<div>g. </div>
|
||||
<div>h. </div>
|
||||
<div>i. </div>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor fallback</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-fallback">
|
||||
<link rel="match" href="descriptor-fallback-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: fixed;
|
||||
symbols: a b c;
|
||||
fallback: b;
|
||||
}
|
||||
@counter-style b {
|
||||
system: fixed 4;
|
||||
symbols: d e f;
|
||||
fallback: a;
|
||||
}
|
||||
@counter-style c {
|
||||
system: fixed 7;
|
||||
symbols: g h i;
|
||||
fallback: a;
|
||||
}
|
||||
</style>
|
||||
<ol style="list-style-type: a">
|
||||
<li><li><li>
|
||||
<li><li><li>
|
||||
<li><li><li>
|
||||
</ol>
|
||||
<ol style="list-style-type: b">
|
||||
<li><li><li>
|
||||
<li><li><li>
|
||||
<li><li><li>
|
||||
</ol>
|
||||
<ol style="list-style-type: c">
|
||||
<li><li><li>
|
||||
<li><li><li>
|
||||
<li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<div>!2. </div>
|
||||
<div>!1. </div>
|
||||
<div>0. </div>
|
||||
<div>1. </div>
|
||||
<div>2. </div>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor negative, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-negative">
|
||||
<link rel="match" href="descriptor-negative-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends decimal;
|
||||
negative: '!';
|
||||
negative: 0;
|
||||
negative: ~;
|
||||
negative: '(' 'x' ')';
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<!-- list-style-type: a -->
|
||||
<div>⁻2. </div>
|
||||
<div>⁻1. </div>
|
||||
<div>0. </div>
|
||||
<div>1. </div>
|
||||
<div>2. </div>
|
||||
<!-- list-style-type: b -->
|
||||
<div>(2). </div>
|
||||
<div>(1). </div>
|
||||
<div>0. </div>
|
||||
<div>1. </div>
|
||||
<div>2. </div>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor negative</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-negative">
|
||||
<link rel="match" href="descriptor-negative-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends decimal;
|
||||
negative: \207B;
|
||||
}
|
||||
@counter-style b {
|
||||
system: extends decimal;
|
||||
negative: '(' ')';
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: b">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<div>001. </div>
|
||||
<div>002. </div>
|
||||
<div>003. </div>
|
||||
<div>004. </div>
|
||||
<div>005. </div>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor pad, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-pad">
|
||||
<link rel="match" href="descriptor-pad-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends decimal;
|
||||
pad: 3 "0";
|
||||
pad: -1 "X";
|
||||
pad: "#";
|
||||
pad: 2 0;
|
||||
}
|
||||
</style>
|
||||
<ol style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<!-- list-style-type: a -->
|
||||
<div>-III. </div>
|
||||
<div>-II. </div>
|
||||
<div>-*I. </div>
|
||||
<div>0. </div>
|
||||
<div>**I. </div>
|
||||
<div>*II. </div>
|
||||
<div>III. </div>
|
||||
<div>*IV. </div>
|
||||
<div>**V. </div>
|
||||
<div>6. </div>
|
||||
<!-- list-style-type: b -->
|
||||
<div>(2). </div>
|
||||
<div>(1). </div>
|
||||
<div>000. </div>
|
||||
<div>001. </div>
|
||||
<div>002. </div>
|
||||
<!-- list-style-type: c -->
|
||||
<div>ooā</div>
|
||||
<div>ooá</div>
|
||||
<div>oāá</div>
|
||||
<div>oǎà</div>
|
||||
<div>āáǎ</div>
|
||||
<div>àāá</div>
|
||||
<!-- list-style-type: d -->
|
||||
<div>001. </div>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor pad</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-pad">
|
||||
<link rel="match" href="descriptor-pad-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends upper-roman;
|
||||
range: infinite 5;
|
||||
pad: 3 '*';
|
||||
}
|
||||
@counter-style b {
|
||||
system: extends decimal;
|
||||
negative: '(' ')';
|
||||
pad: 3 '0';
|
||||
}
|
||||
@counter-style c {
|
||||
system: alphabetic;
|
||||
symbols: a\0304 a\0301 a\030c a\0300;
|
||||
pad: 3 o;
|
||||
suffix: '';
|
||||
}
|
||||
@counter-style d {
|
||||
system: extends decimal;
|
||||
pad: '0' 3;
|
||||
}
|
||||
</style>
|
||||
<ol start="-3" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: b">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol style="list-style-type: c">
|
||||
<li><li>
|
||||
<li value="6"><li value="16">
|
||||
<li value="27"><li value="70">
|
||||
</ol>
|
||||
<ol style="list-style-type: d">
|
||||
<li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<div>#-2. </div>
|
||||
<div>#-1. </div>
|
||||
<div>#0. </div>
|
||||
<div>#1. </div>
|
||||
<div>#2. </div>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor prefix, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-prefix">
|
||||
<link rel="match" href="descriptor-prefix-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends decimal;
|
||||
prefix: "#";
|
||||
prefix: *;
|
||||
prefix: 0;
|
||||
prefix: '$' '$';
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<!-- ol -->
|
||||
<div>Appendix -2. </div>
|
||||
<div>Appendix -1. </div>
|
||||
<div>Appendix 0. </div>
|
||||
<div>Appendix I. </div>
|
||||
<div>Appendix II. </div>
|
||||
<!-- section -->
|
||||
<p>-2</p>
|
||||
<p>-1</p>
|
||||
<p>0</p>
|
||||
<p>I</p>
|
||||
<p>II</p>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor prefix</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-prefix">
|
||||
<link rel="match" href="descriptor-prefix-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends upper-roman;
|
||||
prefix: "Appendix ";
|
||||
}
|
||||
section {
|
||||
counter-reset: p -3;
|
||||
}
|
||||
p {
|
||||
counter-increment: p;
|
||||
}
|
||||
p::before {
|
||||
content: counter(p, a);
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<section>
|
||||
<p><p><p><p><p>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<div>a. </div>
|
||||
<div>b. </div>
|
||||
<div>3. </div>
|
||||
<div>4. </div>
|
||||
<div>5. </div>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor range, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-range">
|
||||
<link rel="match" href="descriptor-range-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends lower-alpha;
|
||||
range: 1 2;
|
||||
range: 1;
|
||||
range: 3 1;
|
||||
range: xx yy;
|
||||
}
|
||||
</style>
|
||||
<ol style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<div>-III. </div>
|
||||
<div>-2. </div>
|
||||
<div>-I. </div>
|
||||
<div>0. </div>
|
||||
<div>I. </div>
|
||||
<div>II. </div>
|
||||
<div>3. </div>
|
||||
<div>IV. </div>
|
||||
<div>5. </div>
|
||||
<div>6. </div>
|
||||
<div>VII. </div>
|
||||
<div>VIII. </div>
|
||||
<div>IX. </div>
|
||||
<div>10. </div>
|
||||
<div>XI. </div>
|
||||
<div>MMMCMXCIX. </div>
|
||||
<div>MMMM. </div>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor range</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-range">
|
||||
<link rel="match" href="descriptor-range-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends upper-roman;
|
||||
range: infinite -3, -1 2, 4 4, 7 9, 11 infinite;
|
||||
}
|
||||
</style>
|
||||
<ol start="-3" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
<li value="3999"><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<div>-2,</div>
|
||||
<div>-1,</div>
|
||||
<div>0,</div>
|
||||
<div>1,</div>
|
||||
<div>2,</div>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor suffix, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-suffix">
|
||||
<link rel="match" href="descriptor-suffix-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends decimal;
|
||||
suffix: ',';
|
||||
suffix: *;
|
||||
suffix: 0;
|
||||
suffix: '$' '$';
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<style type="text/css">
|
||||
div {
|
||||
padding: 0; margin: 0;
|
||||
line-height: 150%;
|
||||
}
|
||||
</style>
|
||||
<!-- list-style-type: a -->
|
||||
<div>-2,-2</div>
|
||||
<div>-1,-1</div>
|
||||
<div>0,0</div>
|
||||
<div>1,1</div>
|
||||
<div>2,2</div>
|
||||
<!-- list-style-type: b -->
|
||||
<div>-2、-2</div>
|
||||
<div>-1、-1</div>
|
||||
<div>0、0</div>
|
||||
<div>1、1</div>
|
||||
<div>2、2</div>
|
||||
<!-- section -->
|
||||
<div>-2</div>
|
||||
<div>-1</div>
|
||||
<div>0</div>
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor suffix</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-suffix">
|
||||
<link rel="match" href="descriptor-suffix-ref.html">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends decimal;
|
||||
suffix: ",";
|
||||
}
|
||||
@counter-style b {
|
||||
system: extends decimal;
|
||||
suffix: \3001;
|
||||
}
|
||||
ol {
|
||||
list-style-position: inside;
|
||||
}
|
||||
ol, section, p {
|
||||
padding: 0; margin: 0;
|
||||
line-height: 150%;
|
||||
}
|
||||
section {
|
||||
counter-reset: p -3;
|
||||
}
|
||||
p {
|
||||
counter-increment: p;
|
||||
}
|
||||
p::before {
|
||||
content: counter(p, a);
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li>-2<li>-1<li>0<li>1<li>2
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: b">
|
||||
<li>-2<li>-1<li>0<li>1<li>2
|
||||
</ol>
|
||||
<section>
|
||||
<p><p><p><p><p>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<!-- list-style-type: a -->
|
||||
<div>a. </div>
|
||||
<div>b. </div>
|
||||
<div>c. </div>
|
||||
<div>4. </div>
|
||||
<div>5. </div>
|
||||
<!-- list-style-type: b -->
|
||||
<div>a. </div>
|
||||
<div>b. </div>
|
||||
<div>c. </div>
|
||||
<div>ca. </div>
|
||||
<div>cb. </div>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor symbols, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-symbols">
|
||||
<link rel="match" href="descriptor-symbols-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: fixed;
|
||||
symbols: a b c;
|
||||
symbols: 0 1 2;
|
||||
}
|
||||
@counter-style b {
|
||||
system: additive;
|
||||
additive-symbols: 3 c, 2 b, 1 a;
|
||||
additive-symbols: 1 x, 2 y, 3 z;
|
||||
additive-symbols: x, y, z;
|
||||
additive-symbols: 1, 2, 3;
|
||||
}
|
||||
</style>
|
||||
<ol style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol style="list-style-type: b">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<!-- list-style-type: a -->
|
||||
<div>a. </div>
|
||||
<div>b. </div>
|
||||
<div>c. </div>
|
||||
<!-- list-style-type: b -->
|
||||
<div>a. </div>
|
||||
<div>b. </div>
|
||||
<div>c. </div>
|
||||
<div>d. </div>
|
||||
<div>e. </div>
|
||||
<div>f. </div>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: descriptor symbols</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-symbols">
|
||||
<link rel="match" href="descriptor-symbols-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: fixed;
|
||||
symbols: a "b" \63;
|
||||
}
|
||||
@counter-style b {
|
||||
system: additive;
|
||||
additive-symbols: \66 6, 'e' 5, d 4, 3 \63, 2 "b", 1 a;
|
||||
}
|
||||
</style>
|
||||
<ol style="list-style-type: a">
|
||||
<li><li><li>
|
||||
</ol>
|
||||
<ol style="list-style-type: b">
|
||||
<li><li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<style type="text/css">
|
||||
@counter-style disclosure-closed2-ltr {
|
||||
system: cyclic;
|
||||
symbols: \25b8;
|
||||
suffix: ' ';
|
||||
}
|
||||
@counter-style disclosure-closed2-rtl {
|
||||
system: cyclic;
|
||||
symbols: \25c2;
|
||||
suffix: ' ';
|
||||
}
|
||||
@counter-style disclosure-open2 {
|
||||
system: cyclic;
|
||||
symbols: \25be;
|
||||
suffix: ' ';
|
||||
}
|
||||
.open { list-style-type: disclosure-open2; }
|
||||
.closed:dir(ltr) { list-style-type: disclosure-closed2-ltr; }
|
||||
.closed:dir(rtl) { list-style-type: disclosure-closed2-rtl; }
|
||||
ul {
|
||||
padding: 0;
|
||||
list-style-position: inside;
|
||||
}
|
||||
</style>
|
||||
<ul dir="ltr">
|
||||
<li class="closed">closed ltr
|
||||
<li class="open">open ltr
|
||||
</ul>
|
||||
<ul dir="rtl">
|
||||
<li class="closed">closed rtl
|
||||
<li class="open">open rtl
|
||||
</ul>
|
||||
<p dir="ltr">▸ closed ltr
|
||||
<p dir="rtl">◂ closed rtl
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: disclosure styles</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#disclosure-open">
|
||||
<link rel="match" href="disclosure-styles-ref.html">
|
||||
<style type="text/css">
|
||||
@counter-style disclosure-closed2 {
|
||||
system: extends disclosure-closed;
|
||||
}
|
||||
@counter-style disclosure-open2 {
|
||||
system: extends disclosure-open;
|
||||
}
|
||||
ul {
|
||||
padding: 0;
|
||||
list-style-position: inside;
|
||||
}
|
||||
.closed { list-style-type: disclosure-closed2; }
|
||||
.open { list-style-type: disclosure-open2; }
|
||||
p::before {
|
||||
content: counter(a, disclosure-closed) " ";
|
||||
}
|
||||
</style>
|
||||
<ul dir="ltr">
|
||||
<li class="closed">closed ltr
|
||||
<li class="open">open ltr
|
||||
</ul>
|
||||
<ul dir="rtl">
|
||||
<li class="closed">closed rtl
|
||||
<li class="open">open rtl
|
||||
</ul>
|
||||
<p dir="ltr">closed ltr
|
||||
<p dir="rtl">closed rtl
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#shadow-names">
|
||||
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
||||
<link rel="match" href="counter-style-fallbacks-in-shadow-dom-ref.html">
|
||||
<link rel="match" href="fallbacks-in-shadow-dom-ref.html">
|
||||
|
||||
<style>
|
||||
@counter-style foo {
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<style type="text/css">
|
||||
ol, div, p {
|
||||
padding: 0; margin: 0;
|
||||
line-height: 150%;
|
||||
}
|
||||
ol {
|
||||
list-style-position: inside;
|
||||
}
|
||||
li, div, p {
|
||||
float: left;
|
||||
}
|
||||
@counter-style decimal-leading-zero {
|
||||
system: extends decimal;
|
||||
pad: 3 '0';
|
||||
}
|
||||
@counter-style custom-style {
|
||||
system: cyclic;
|
||||
symbols: \2023;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- list-style -->
|
||||
<ol><li style="list-style: hiragana inside;"></li></ol>
|
||||
<ol><li style="list-style: decimal-leading-zero inside;"></li></ol>
|
||||
<ol><li style="list-style: custom-style inside;"></li></ol>
|
||||
<ol><li style="list-style: decimal inside;"></li></ol>
|
||||
|
||||
<!-- list-style-type -->
|
||||
<ol><li style="list-style-type: hiragana;"></li></ol>
|
||||
<ol><li style="list-style-type: decimal-leading-zero;"></li></ol>
|
||||
<ol><li style="list-style-type: custom-style;"></li></ol>
|
||||
<ol><li style="list-style-type: decimal;"></li></ol>
|
||||
|
||||
<!-- counter() -->
|
||||
<style type="text/css">
|
||||
#counter { counter-reset: a 1; }
|
||||
#counter-a::before { content: counter(a, hiragana); }
|
||||
#counter-b::before { content: counter(a, decimal-leading-zero); }
|
||||
#counter-c::before { content: counter(a, custom-style); }
|
||||
#counter-d::before { content: counter(a, decimal); }
|
||||
</style>
|
||||
<div id="counter">
|
||||
<p id="counter-a"></p>
|
||||
<p id="counter-b"></p>
|
||||
<p id="counter-c"></p>
|
||||
<p id="counter-d"></p>
|
||||
</div>
|
||||
|
||||
<!-- counters() -->
|
||||
<style type="text/css">
|
||||
#counters { counter-reset: a 1; }
|
||||
#counters-a::before { content: counters(a, '', hiragana); }
|
||||
#counters-b::before { content: counters(a, '', decimal-leading-zero); }
|
||||
#counters-c::before { content: counters(a, '', custom-style); }
|
||||
#counters-d::before { content: counters(a, '', decimal); }
|
||||
</style>
|
||||
<div id="counters">
|
||||
<p id="counters-a"></p>
|
||||
<p id="counters-b"></p>
|
||||
<p id="counters-c"></p>
|
||||
<p id="counters-d"></p>
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
@counter-style a { system: extends hiragana; }
|
||||
@counter-style b { system: extends decimal-leading-zero; }
|
||||
@counter-style c { system: extends custom-style; }
|
||||
@counter-style d { system: extends decimal; }
|
||||
</style>
|
||||
<ol><li style="list-style-type: a;"></li></ol>
|
||||
<ol><li style="list-style-type: b;"></li></ol>
|
||||
<ol><li style="list-style-type: c;"></li></ol>
|
||||
<ol><li style="list-style-type: d;"></li></ol>
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: name case sensitivity</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#typedef-counter-style-name">
|
||||
<link rel="match" href="name-case-sensitivity-ref.html">
|
||||
<style type="text/css">
|
||||
ol, div, p {
|
||||
padding: 0; margin: 0;
|
||||
line-height: 150%;
|
||||
}
|
||||
ol {
|
||||
list-style-position: inside;
|
||||
}
|
||||
li, div, p {
|
||||
float: left;
|
||||
}
|
||||
@counter-style decimal-leading-zero {
|
||||
system: extends decimal;
|
||||
pad: 3 '0';
|
||||
}
|
||||
@counter-style custom-style {
|
||||
system: cyclic;
|
||||
symbols: \2023;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- list-style -->
|
||||
<ol><li style="list-style: Hiragana inside;"></li></ol>
|
||||
<ol><li style="list-style: Decimal-Leading-Zero inside;"></li></ol>
|
||||
<ol><li style="list-style: custom-style inside;"></li></ol>
|
||||
<ol><li style="list-style: Custom-Style inside;"></li></ol>
|
||||
|
||||
<!-- list-style-type -->
|
||||
<ol><li style="list-style-type: Hiragana;"></li></ol>
|
||||
<ol><li style="list-style-type: Decimal-Leading-Zero;"></li></ol>
|
||||
<ol><li style="list-style-type: custom-style;"></li></ol>
|
||||
<ol><li style="list-style-type: Custom-Style;"></li></ol>
|
||||
|
||||
<!-- counter() -->
|
||||
<style type="text/css">
|
||||
#counter { counter-reset: a 1; }
|
||||
#counter-a::before { content: counter(a, Hiragana); }
|
||||
#counter-b::before { content: counter(a, Decimal-leading-Zero); }
|
||||
#counter-c::before { content: counter(a, custom-style); }
|
||||
#counter-d::before { content: counter(a, Custom-Style); }
|
||||
</style>
|
||||
<div id="counter">
|
||||
<p id="counter-a"></p>
|
||||
<p id="counter-b"></p>
|
||||
<p id="counter-c"></p>
|
||||
<p id="counter-d"></p>
|
||||
</div>
|
||||
|
||||
<!-- counters() -->
|
||||
<style type="text/css">
|
||||
#counters { counter-reset: a 1; }
|
||||
#counters-a::before { content: counters(a, '', Hiragana); }
|
||||
#counters-b::before { content: counters(a, '', Decimal-leading-Zero); }
|
||||
#counters-c::before { content: counters(a, '', custom-style); }
|
||||
#counters-d::before { content: counters(a, '', Custom-Style); }
|
||||
</style>
|
||||
<div id="counters">
|
||||
<p id="counters-a"></p>
|
||||
<p id="counters-b"></p>
|
||||
<p id="counters-c"></p>
|
||||
<p id="counters-d"></p>
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
@counter-style a { system: extends HiRaGaNa; }
|
||||
@counter-style b { system: extends Decimal-leading-ZERO; }
|
||||
@counter-style c { system: extends custom-style; }
|
||||
@counter-style d { system: extends Custom-Style; }
|
||||
</style>
|
||||
<ol><li style="list-style-type: a;"></li></ol>
|
||||
<ol><li style="list-style-type: b;"></li></ol>
|
||||
<ol><li style="list-style-type: c;"></li></ol>
|
||||
<ol><li style="list-style-type: d;"></li></ol>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#shadow-names">
|
||||
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
||||
<link rel="match" href="counter-styles-override-in-shadow-dom-ref.html">
|
||||
<link rel="match" href="override-in-shadow-dom-ref.html">
|
||||
|
||||
<style>
|
||||
@counter-style foo {
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
.circle { list-style-type: circle; }
|
||||
.square { list-style-type: square; }
|
||||
.hiragana { list-style-type: hiragana; }
|
||||
.katakana { list-style-type: katakana; }
|
||||
.hiragana-iroha { list-style-type: hiragana-iroha; }
|
||||
.katakana-iroha { list-style-type: katakana-iroha; }
|
||||
::marker { font-family: inherit; }
|
||||
</style>
|
||||
<ul class="circle"><li></ul>
|
||||
<ul class="square"><li></ul>
|
||||
|
||||
<ol><li></ol>
|
||||
<ol class="hiragana"><li></ol>
|
||||
<ol class="katakana"><li></ol>
|
||||
<ol class="hiragana-iroha"><li></ol>
|
||||
<ol class="katakana-iroha"><li></ol>
|
||||
|
||||
<ul>
|
||||
<li class="circle">
|
||||
<li class="square">
|
||||
<li class="hiragana">
|
||||
<li class="katakana">
|
||||
<li class="hiragana-iroha">
|
||||
<li class="katakana-iroha">
|
||||
</ul>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!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>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<ol>
|
||||
<li style="list-style-type: none">foo
|
||||
<li style="list-style-type: decimal">bar
|
||||
<li style="list-style-type: disc">baz
|
||||
<li style="list-style-type: cjk-decimal">
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: redefine builtin</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-builtin-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style none {
|
||||
system: extends lower-roman;
|
||||
}
|
||||
@counter-style decimal {
|
||||
system: extends upper-roman;
|
||||
}
|
||||
@counter-style disc {
|
||||
system: extends decimal;
|
||||
}
|
||||
@counter-style hebrew {
|
||||
system: extends cjk-decimal;
|
||||
}
|
||||
</style>
|
||||
<ol>
|
||||
<li style="list-style-type: none">foo
|
||||
<li style="list-style-type: decimal">bar
|
||||
<li style="list-style-type: disc">baz
|
||||
<li style="list-style-type: hebrew">
|
||||
</ol>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#shadow-names">
|
||||
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
||||
<link rel="match" href="counter-styles-shadow-dom-part-ref.html">
|
||||
<link rel="match" href="shadow-dom-part-ref.html">
|
||||
<meta name="assert" content="The list in the shadow tree should use the counter style defined in the outer document, because it's styled by the outer document">
|
||||
|
||||
<style>
|
||||
|
|
@ -0,0 +1,186 @@
|
|||
<!doctype html>
|
||||
<title>CSS counter style accessibility test</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#counter-style-speak-as">
|
||||
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
||||
<p>
|
||||
This is a manual test. To run the tests, open the browser's developer tools
|
||||
and navigate to the Accessibility pane (may need to activate it in Settings),
|
||||
or use an OS-level accessibility inspector, and verify that the accessible
|
||||
name of the list markers matches the text in the list items (excluding
|
||||
quotation marks).
|
||||
|
||||
<br><br>
|
||||
|
||||
The following issue discusses ways to automate these tests:
|
||||
|
||||
<br><br>
|
||||
|
||||
https://github.com/web-platform-tests/wpt/issues/8355
|
||||
</p>
|
||||
<style>
|
||||
@counter-style base {
|
||||
system: cyclic;
|
||||
symbols: 'One' 'Two' 'Three';
|
||||
suffix: '. ';
|
||||
}
|
||||
|
||||
@counter-style explicit-bullets {
|
||||
system: extends base;
|
||||
speak-as: bullets;
|
||||
}
|
||||
@counter-style explicit-numbers {
|
||||
system: extends base;
|
||||
speak-as: numbers;
|
||||
}
|
||||
@counter-style explicit-words {
|
||||
system: extends base;
|
||||
speak-as: words;
|
||||
}
|
||||
|
||||
@counter-style auto-alphabetic {
|
||||
system: alphabetic;
|
||||
symbols: 'One' 'Two' 'Three';
|
||||
suffix: '. ';
|
||||
speak-as: auto;
|
||||
}
|
||||
@counter-style auto-cyclic {
|
||||
system: cyclic;
|
||||
symbols: 'One' 'Two' 'Three';
|
||||
suffix: '. ';
|
||||
speak-as: auto;
|
||||
}
|
||||
@counter-style auto-extends {
|
||||
system: extends base;
|
||||
speak-as: auto;
|
||||
}
|
||||
@counter-style auto-fixed {
|
||||
system: fixed;
|
||||
symbols: 'One' 'Two' 'Three';
|
||||
suffix: '. ';
|
||||
speak-as: auto;
|
||||
}
|
||||
@counter-style auto-symbolic {
|
||||
system: symbolic;
|
||||
symbols: 'One' 'Two' 'Three';
|
||||
suffix: '. ';
|
||||
speak-as: auto;
|
||||
}
|
||||
@counter-style auto-numeric {
|
||||
system: numeric;
|
||||
symbols: 'Zero' 'One' 'Two' 'Three';
|
||||
suffix: '. ';
|
||||
speak-as: auto;
|
||||
}
|
||||
@counter-style auto-additive {
|
||||
system: additive;
|
||||
additive-symbols: 3 'Three', 2 'Two', 1 'One';
|
||||
suffix: '. ';
|
||||
speak-as: auto;
|
||||
}
|
||||
|
||||
@counter-style reference-bullets {
|
||||
system: fixed;
|
||||
symbols: 'Yi' 'Er' 'San';
|
||||
suffix: '> ';
|
||||
speak-as: explicit-bullets;
|
||||
}
|
||||
@counter-style reference-numbers {
|
||||
system: fixed;
|
||||
symbols: 'Yi' 'Er' 'San';
|
||||
suffix: '> ';
|
||||
speak-as: explicit-numbers;
|
||||
}
|
||||
@counter-style reference-words {
|
||||
system: fixed;
|
||||
symbols: 'Yi' 'Er' 'San';
|
||||
suffix: '> ';
|
||||
speak-as: explicit-words;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<ul style="list-style-type: disc">
|
||||
<li>"• "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: circle">
|
||||
<li>"◦ "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: square">
|
||||
<li>"◾ "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: disclosure-open">
|
||||
<li>"▾ "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: disclosure-closed">
|
||||
<li>"▸ "</li>
|
||||
</ul>
|
||||
|
||||
<ul style="list-style-type: explicit-bullets">
|
||||
<li>"• "</li>
|
||||
<li>"• "</li>
|
||||
<li>"• "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: explicit-numbers">
|
||||
<li>"1. "</li>
|
||||
<li>"2. "</li>
|
||||
<li>"3. "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: explicit-words">
|
||||
<li>"One. "</li>
|
||||
<li>"Two. "</li>
|
||||
<li>"Three. "</li>
|
||||
</ul>
|
||||
|
||||
<ul style="list-style-type: auto-alphabetic">
|
||||
<li>"One. "</li>
|
||||
<li>"Two. "</li>
|
||||
<li>"Three. "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: auto-cyclic">
|
||||
<li>"• "</li>
|
||||
<li>"• "</li>
|
||||
<li>"• "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: auto-extends">
|
||||
<li>"• "</li>
|
||||
<li>"• "</li>
|
||||
<li>"• "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: auto-fixed">
|
||||
<li>"1. "</li>
|
||||
<li>"2. "</li>
|
||||
<li>"3. "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: auto-symbolic">
|
||||
<li>"1. "</li>
|
||||
<li>"2. "</li>
|
||||
<li>"3. "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: auto-numeric">
|
||||
<li>"1. "</li>
|
||||
<li>"2. "</li>
|
||||
<li>"3. "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: auto-additive">
|
||||
<li>"1. "</li>
|
||||
<li>"2. "</li>
|
||||
<li>"3. "</li>
|
||||
</ul>
|
||||
|
||||
<ul style="list-style-type: reference-bullets">
|
||||
<li>"• "</li>
|
||||
<li>"• "</li>
|
||||
<li>"• "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: reference-numbers">
|
||||
<li>"1> "</li>
|
||||
<li>"2> "</li>
|
||||
<li>"3> "</li>
|
||||
</ul>
|
||||
<ul style="list-style-type: reference-words">
|
||||
<li>"One> "</li>
|
||||
<li>"Two> "</li>
|
||||
<li>"Three> "</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
body {
|
||||
/* to match ua.css, see bug 1020143 */
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
div, p {
|
||||
padding: 0; margin: 0;
|
||||
line-height: 150%;
|
||||
float: left;
|
||||
}
|
||||
p {
|
||||
padding-right: .5em;
|
||||
}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
body {
|
||||
/* to match ua.css, see bug 1020143 */
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
ol, ul, section, p {
|
||||
padding: 0; margin: 0;
|
||||
line-height: 150%;
|
||||
}
|
||||
ol, ul {
|
||||
list-style-position: inside;
|
||||
}
|
||||
li, p {
|
||||
float: left;
|
||||
padding: 0;
|
||||
}
|
||||
p {
|
||||
padding-right: .5em;
|
||||
}
|
||||
li::marker {
|
||||
/* Blink workaround of https://bugzilla.mozilla.org/show_bug.cgi?id=1688769 */
|
||||
white-space: pre;
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
.invalid {
|
||||
list-style-type: lower-greek;
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" class="invalid">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#symbols-function">
|
||||
<link rel="match" href="symbols-function-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
.invalid {
|
||||
list-style-type: lower-greek;
|
||||
list-style-type: symbols(a b c);
|
||||
list-style-type: symbols(alphabetic a b c);
|
||||
list-style-type: symbols(numeric 0 1 2);
|
||||
list-style-type: symbols(additive 'a' 'b');
|
||||
list-style-type: symbols(fixed);
|
||||
list-style-type: symbols(alphabetic 'a');
|
||||
list-style-type: symbols(numeric '0');
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" class="invalid">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,89 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style cyclic {
|
||||
system: cyclic;
|
||||
symbols: '*' '\2020' '\2021' '\A7';
|
||||
suffix: ' ';
|
||||
}
|
||||
@counter-style numeric {
|
||||
system: numeric;
|
||||
symbols: '0' '1' '2';
|
||||
suffix: ' ';
|
||||
}
|
||||
@counter-style alphabetic {
|
||||
system: alphabetic;
|
||||
symbols: '\26AA' '\26AB';
|
||||
suffix: ' ';
|
||||
}
|
||||
@counter-style symbolic {
|
||||
system: symbolic;
|
||||
symbols: '*' '\2020' '\2021' '\A7';
|
||||
suffix: ' ';
|
||||
}
|
||||
@counter-style fixed {
|
||||
system: fixed;
|
||||
symbols: '\25F0' '\25F1' '\25F2' '\25F3';
|
||||
suffix: ' ';
|
||||
}
|
||||
@counter-style counter {
|
||||
symbols: '*';
|
||||
}
|
||||
@counter-style counters {
|
||||
system: numeric;
|
||||
symbols: '0' '1';
|
||||
}
|
||||
.counter { counter-reset: a; }
|
||||
.counter p { counter-increment: a 1; }
|
||||
.counter p::after {
|
||||
content: counter(a, counter);
|
||||
}
|
||||
.counter, .counters {
|
||||
list-style-type: none;
|
||||
counter-reset: a;
|
||||
}
|
||||
.counter li, .counters li {
|
||||
counter-increment: a;
|
||||
padding-right: .5em;
|
||||
}
|
||||
.counter li::after {
|
||||
content: counter(a, counter);
|
||||
}
|
||||
.counters .counters li::after {
|
||||
content: counters(a, '.', counters);
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: symbolic">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: cyclic">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: numeric">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: alphabetic">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: symbolic">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: fixed">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol class="counter">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol class="counters">
|
||||
<li><ol class="counters"><li><li><li><li><li></ol></li>
|
||||
<li><ol class="counters"><li><li><li><li><li></ol></li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: symbols function</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#symbols-function">
|
||||
<link rel="match" href="symbols-function-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
.default {
|
||||
list-style-type: symbols('*' '\2020' '\2021' '\A7');
|
||||
}
|
||||
.cyclic {
|
||||
list-style-type: symbols(cyclic '*' '\2020' '\2021' '\A7');
|
||||
}
|
||||
.numeric {
|
||||
list-style-type: symbols(numeric '0' '1' '2');
|
||||
}
|
||||
.alphabetic {
|
||||
list-style-type: symbols(alphabetic '\26AA' '\26AB');
|
||||
}
|
||||
.symbolic {
|
||||
list-style-type: symbols(symbolic '*' '\2020' '\2021' '\A7');
|
||||
}
|
||||
.fixed {
|
||||
list-style-type: symbols(fixed '\25F0' '\25F1' '\25F2' '\25F3');
|
||||
}
|
||||
.counter, .counters {
|
||||
list-style-type: none;
|
||||
counter-reset: a;
|
||||
}
|
||||
.counter li, .counters li {
|
||||
counter-increment: a;
|
||||
padding-right: .5em;
|
||||
}
|
||||
.counter li::after {
|
||||
content: counter(a, symbols('*'));
|
||||
}
|
||||
.counters .counters li::after {
|
||||
content: counters(a, '.', symbols(numeric '0' '1'));
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" class="default">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" class="cyclic">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" class="numeric">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" class="alphabetic">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" class="symbolic">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" class="fixed">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol class="counter">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol class="counters">
|
||||
<li><ol class="counters"><li><li><li><li><li></ol></li>
|
||||
<li><ol class="counters"><li><li><li><li><li></ol></li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: system additive, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#additive-system">
|
||||
<link rel="match" href="system-common-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: additive;
|
||||
suffix: ":";
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li>foo<li>bar<li>foo<li>bar
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<!-- list-style-type: a -->
|
||||
<div>-2</div>
|
||||
<div>-1</div>
|
||||
<div>0</div>
|
||||
<div>⚀</div>
|
||||
<div>⚁</div>
|
||||
<div>⚂</div>
|
||||
<div>⚃</div>
|
||||
<div>⚄</div>
|
||||
<div>⚅</div>
|
||||
<div>⚅⚀</div>
|
||||
<div>⚅⚃</div>
|
||||
<div>⚅⚄</div>
|
||||
<div>⚅⚅</div>
|
||||
<div>⚅⚅⚀</div>
|
||||
<div><script type="text/javascript">
|
||||
document.write(Array(61).join('⚅'));
|
||||
</script></div>
|
||||
<!-- list-style-type: b -->
|
||||
<div>-2</div>
|
||||
<div>-1</div>
|
||||
<div>☷</div>
|
||||
<div>☶</div>
|
||||
<div>☵</div>
|
||||
<!-- list-style-type: c -->
|
||||
<div>1. </div>
|
||||
<div>b. </div>
|
||||
<div>a. </div>
|
||||
<div>4. </div>
|
||||
<div>ab. </div>
|
||||
<!-- list-style-type: d -->
|
||||
<div><script type="text/javascript">
|
||||
document.write(Array(61).join('𐌀'));
|
||||
</script>. </div>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: system additive</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#additive-system">
|
||||
<link rel="match" href="system-additive-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: additive;
|
||||
additive-symbols: 6 \2685, 5 \2684, 4 \2683, 3 \2682, 2 \2681, 1 \2680;
|
||||
suffix: "";
|
||||
}
|
||||
@counter-style b {
|
||||
system: additive;
|
||||
additive-symbols: 7 \2630, 6 \2631, 5 \2632, 4 \2633, 3 \2634, 2 \2635, 1 \2636, 0 \2637;
|
||||
suffix: "";
|
||||
}
|
||||
@counter-style c {
|
||||
system: additive;
|
||||
additive-symbols: 3 "a", 2 "b";
|
||||
}
|
||||
@counter-style d {
|
||||
system: additive;
|
||||
additive-symbols: 1 \10300;
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
<li value="10"><li><li><li>
|
||||
<li value="360"><!-- 60 code points -->
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: b">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol style="list-style-type: c">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol style="list-style-type: d">
|
||||
<li value="60"><!-- 60 code points -->
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: system alphabetic, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#alphabetic-system">
|
||||
<link rel="match" href="system-common-invalid2-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: alphabetic;
|
||||
suffix: ":";
|
||||
}
|
||||
@counter-style b {
|
||||
system: alphabetic;
|
||||
symbols: A;
|
||||
suffix: ":";
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li>foo<li>bar<li>foo<li>bar
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: b">
|
||||
<li>foo<li>bar<li>foo<li>bar
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<div>-2</div>
|
||||
<div>-1</div>
|
||||
<div>0</div>
|
||||
<div>⚪</div>
|
||||
<div>⚫</div>
|
||||
<div>⚪⚪</div>
|
||||
<div>⚪⚫</div>
|
||||
<div>⚫⚪</div>
|
||||
<div>⚫⚫</div>
|
||||
<div>⚪⚪⚪</div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: system alphabetic</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#alphabetic-system">
|
||||
<link rel="match" href="system-alphabetic-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: alphabetic;
|
||||
symbols: \26AA \26AB;
|
||||
suffix: '';
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<ol start="-2" style="list-style-type: decimal">
|
||||
<li>foo<li>bar<li>foo<li>bar
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<ol start="-2" style="list-style-type: decimal">
|
||||
<li>foo<li>bar<li>foo<li>bar
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: decimal">
|
||||
<li>foo<li>bar<li>foo<li>bar
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: system cyclic, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#cyclic-system">
|
||||
<link rel="match" href="system-common-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: cyclic;
|
||||
suffix: ":";
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li>foo<li>bar<li>foo<li>bar
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<!-- list-style-type: a -->
|
||||
<div>‣</div>
|
||||
<div>‣</div>
|
||||
<div>‣</div>
|
||||
<div>‣</div>
|
||||
<div>‣</div>
|
||||
<!-- list-style-type: b -->
|
||||
<div>‡</div>
|
||||
<div>†</div>
|
||||
<div>‡</div>
|
||||
<div>†</div>
|
||||
<div>‡</div>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: system cyclic</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#cyclic-system">
|
||||
<link rel="match" href="system-cyclic-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: cyclic;
|
||||
symbols: \2023;
|
||||
suffix: "";
|
||||
}
|
||||
@counter-style b {
|
||||
system: cyclic;
|
||||
symbols: \2020 \2021;
|
||||
suffix: "";
|
||||
}
|
||||
</style>
|
||||
<ol start="-2" style="list-style-type: a">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
<ol start="-2" style="list-style-type: b">
|
||||
<li><li><li><li><li>
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: symbols function, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<link rel="stylesheet" href="support/ref-common.css">
|
||||
<style type="text/css">
|
||||
ol {
|
||||
list-style: decimal inside;
|
||||
}
|
||||
</style>
|
||||
<div>a1b</div>
|
||||
<div>2b</div>
|
||||
<div>c3. </div>
|
||||
<div>d4. </div>
|
||||
<div>e5. </div>
|
||||
<ol start="6">
|
||||
<li>foo<li>bar
|
||||
</ol>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: system extends, invalid</title>
|
||||
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#extends-system">
|
||||
<link rel="match" href="system-extends-invalid-ref.html">
|
||||
<link rel="stylesheet" href="support/test-common.css">
|
||||
<style type="text/css">
|
||||
@counter-style a {
|
||||
system: extends b;
|
||||
prefix: a;
|
||||
}
|
||||
@counter-style b {
|
||||
system: extends c;
|
||||
suffix: b;
|
||||
}
|
||||
@counter-style c {
|
||||
system: extends b;
|
||||
pad: 2 c;
|
||||
}
|
||||
@counter-style d {
|
||||
system: extends d;
|
||||
prefix: d;
|
||||
}
|
||||
@counter-style e {
|
||||
system: extends unknown;
|
||||
prefix: e;
|
||||
}
|
||||
@counter-style f {
|
||||
system: extends decimal;
|
||||
symbols: a;
|
||||
}
|
||||
@counter-style g {
|
||||
system: extends decimal;
|
||||
additive-symbols: 1 a;
|
||||
}
|
||||
</style>
|
||||
<ol>
|
||||
<li style="list-style-type: a;">
|
||||
<li style="list-style-type: b;">
|
||||
<li style="list-style-type: c;">
|
||||
<li style="list-style-type: d;">
|
||||
<li style="list-style-type: e;">
|
||||
<li style="list-style-type: f;">foo
|
||||
<li style="list-style-type: g;">bar
|
||||
</ol>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue