From 4e21835e7052b45f224302dbf6a1b8948f753911 Mon Sep 17 00:00:00 2001
From: MacDue <macdue@dueutil.tech>
Date: Mon, 13 Jun 2022 23:41:54 +0100
Subject: [PATCH] Base: Add an elliptical outline border HTML example

---
 Base/res/html/misc/border-radius.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/Base/res/html/misc/border-radius.html b/Base/res/html/misc/border-radius.html
index 002a1a1541..52b524f3a2 100644
--- a/Base/res/html/misc/border-radius.html
+++ b/Base/res/html/misc/border-radius.html
@@ -172,6 +172,14 @@
         .rect-6 {
             border-bottom-right-radius: 50%;
         }
+
+        .rect-7 {
+            border-radius: 10px 100px / 120px;
+            width: 200px;
+            height: 100px;
+            border: 1px solid black;
+            background-color: transparent;
+        }
     </style>
 </head>
 
@@ -226,6 +234,9 @@
     <em>bottom-right 50%</em>
     <div class="rect rect-6"></div>
     <br>
+    <em>All round -- MDN example 2 -- outline</em>
+    <div class="rect rect-7"></div>
+    <br>
     <br>
 
     <p>The boxes are 50x50px</p>