diff options
| author | Linus Groh <mail@linusgroh.de> | 2020-05-10 18:08:02 +0100 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2020-05-10 19:41:00 +0200 |
| commit | 4c1a7650765af9908c4108909ab341c2525f1807 (patch) | |
| tree | f420cacb44acf6f88550c9fb771c0d89caf3bbce /Base | |
| parent | 0669dbcf5d177e1cd59d801c41f3a9329b24c746 (diff) | |
| download | serenity-4c1a7650765af9908c4108909ab341c2525f1807.zip | |
LibWeb: Add basic support for "border-style: {dotted,dashed}"
Diffstat (limited to 'Base')
| -rw-r--r-- | Base/home/anon/www/borders.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/Base/home/anon/www/borders.html b/Base/home/anon/www/borders.html index a5b841d7dd..32447b0721 100644 --- a/Base/home/anon/www/borders.html +++ b/Base/home/anon/www/borders.html @@ -3,6 +3,9 @@ <head> <title>CSS borders lookin' good</title> <style> +div + div { + margin-top: 20px; +} #foo { border-top-color: red; border-right-color: lime; @@ -84,6 +87,40 @@ #double-color-solo { border: red blue; } +#dotted-1px { + border: 1px dotted blue; +} +#dotted-5px { + border: 5px dotted blue; +} +#dotted-20px { + border: 20px dotted blue; +} +#dashed-1px { + border: 1px dashed blue; +} +#dashed-5px { + border: 5px dashed blue; +} +#dashed-20px { + border: 20px dashed blue; +} +#mixed { + border-top-width: 20px; + border-top-style: dashed; + border-top-color: red; + + border-left-width: 5px; + border-left-style: solid; + border-left-color: blue; + + border-bottom-width: 10px; + border-bottom-style: dotted; + border-bottom-color: lime; + + border-right-width: 10px; + border-right-style: inset; +} </style> </head> <body> @@ -102,5 +139,12 @@ <div id="double-width-solo">double width solo</div> <div id="double-style-solo">double style solo</div> <div id="double-color-solo">double color solo</div> +<div id="dotted-1px">dotted (1px)</div> +<div id="dotted-5px">dotted (5px)</div> +<div id="dotted-20px">dotted (20px)</div> +<div id="dashed-1px">dashed (1px)</div> +<div id="dashed-5px">dashed (5px)</div> +<div id="dashed-20px">dashed (20px)</div> +<div id="mixed">mixed</div> </body> </html> |