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
Andreas Kling
parent
e18e2af826
commit
36a420a6a6
Notes:
sideshowbarker
2024-07-18 10:27:15 +09:00
Author: https://github.com/TobyAsE Commit: https://github.com/SerenityOS/serenity/commit/36a420a6a66 Pull-request: https://github.com/SerenityOS/serenity/pull/8434 Reviewed-by: https://github.com/MaxWipfli ✅
2 changed files with 181 additions and 0 deletions
180
Base/res/html/misc/lists.html
Normal file
180
Base/res/html/misc/lists.html
Normal 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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue