feat(css): add auto examples for text-emphasis-position (#2849)

mdn · Nov 1, 2024 · 3eb4fa4 · 3eb4fa4
1 parent f577c01
commit 3eb4fa4
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/live-examples/css-examples/text-decoration/text-emphasis-position.html b/live-examples/css-examples/text-decoration/text-emphasis-position.html
@@ -1,5 +1,12 @@
 <section id="example-choice-list" class="example-choice-list" data-property="text-emphasis-position">
   <div class="example-choice" initial-choice="true">
+    <pre><code class="language-css">text-emphasis-position: auto;</code></pre>
+    <button type="button" class="copy hidden" aria-hidden="true">
+      <span class="visually-hidden">Copy to Clipboard</span>
+    </button>
+  </div>
+
+  <div class="example-choice">
     <pre><code class="language-css">text-emphasis-position: over right;</code></pre>
     <button type="button" class="copy hidden" aria-hidden="true">
       <span class="visually-hidden">Copy to Clipboard</span>
@@ -13,6 +20,14 @@
     </button>
   </div>
 
+  <div class="example-choice">
+    <pre><code class="language-css">text-emphasis-position: auto;
+writing-mode: vertical-rl;</code></pre>
+    <button type="button" class="copy hidden" aria-hidden="true">
+      <span class="visually-hidden">Copy to Clipboard</span>
+    </button>
+  </div>
+
   <div class="example-choice">
     <pre><code class="language-css">text-emphasis-position: over left;
 writing-mode: vertical-rl;</code></pre>