Browser: Add Test-Page for lists

This test page showcases all our supported ol and ul list-styles.
This commit is contained in:
Tobias Christiansen 2021-07-04 17:21:43 +02:00 committed by Andreas Kling
parent e18e2af826
commit 36a420a6a6
Notes: sideshowbarker 2024-07-18 10:27:15 +09:00
2 changed files with 181 additions and 0 deletions

View File

@ -0,0 +1,180 @@
<!DOCTYPE html>
<html>
<head>
<title>Lists Tests</title>
</head>
<body>
<h1>Lists Tests</h1>
<h2>ul</h2>
<p>default</p>
<ul>
<li>Entry one</li>
<li>Another entry</li>
</ul>
<p>list-style: disc</p>
<ul style="list-style: disc;">
<li>Entry one</li>
<li>Another entry</li>
</ul>
<p>list-style: square</p>
<ul style="list-style: square;">
<li>Entry one</li>
<li>Another entry</li>
</ul>
<p>list-style: circle</p>
<ul style="list-style: circle;">
<li>Entry one</li>
<li>Another entry</li>
</ul>
<h2>ol</h2>
<p>default</p>
<ol>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol>
<p>list-style: decimal</p>
<ol style="list-style: decimal;">
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol>
<p>list-style: decimal-leading-zero</p>
<ol style="list-style: decimal-leading-zero;">
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
</ol>
<p>list-style: lower-alpha</p>
<ol style="list-style: lower-alpha;">
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
</ol>
<p>list-style: upper-alpha</p>
<ol style="list-style: upper-alpha;">
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
</ol>
<p>list-style: upper-roman</p>
<ol style="list-style: upper-roman;">
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
</ol>
<p>list-style: lower-roman</p>
<ol style="list-style: lower-roman;">
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
<li>Another Entry</li>
</ol>
</body>
</html>

View File

@ -46,6 +46,7 @@
<p>This page loaded in <b><span id="loadtime"></span></b> ms</p>
<p>Some small test pages:</p>
<ul>
<li><a href="lists.html">Lists</a></li>
<li><a href="border-radius.html">Border-Radius</a></li>
<li><a href="custom-properties.html">Custom Properties</a></li>
<li><a href="flex.html">Flexboxes</a></li>