diff --git a/src/styles.js b/src/styles.js
index f026617..04f9134 100644
--- a/src/styles.js
+++ b/src/styles.js
@@ -28,12 +28,39 @@ module.exports = {
         ol: {
           counterReset: 'list-counter',
         },
+        'ol[type=A]': {
+          '--list-counter-style': 'upper-alpha',
+        },
+        'ol[type=a]': {
+          '--list-counter-style': 'lower-alpha',
+        },
+        'ol[type=A s]': {
+          '--list-counter-style': 'upper-alpha',
+        },
+        'ol[type=a s]': {
+          '--list-counter-style': 'lower-alpha',
+        },
+        'ol[type=I]': {
+          '--list-counter-style': 'upper-roman',
+        },
+        'ol[type=i]': {
+          '--list-counter-style': 'lower-roman',
+        },
+        'ol[type=I s]': {
+          '--list-counter-style': 'upper-roman',
+        },
+        'ol[type=i s]': {
+          '--list-counter-style': 'lower-roman',
+        },
+        'ol[type=1]': {
+          '--list-counter-style': 'decimal',
+        },
         'ol > li': {
           position: 'relative',
           counterIncrement: 'list-counter',
         },
         'ol > li::before': {
-          content: 'counter(list-counter) "."',
+          content: 'counter(list-counter, var(--list-counter-style, decimal)) "."',
           position: 'absolute',
           fontWeight: '400',
           color: defaultTheme.colors.gray[600],