diff --git a/after/syntax/css/css-inline-3.vim b/after/syntax/css/css-inline-3.vim
new file mode 100644
index 0000000..a1f55c8
--- /dev/null
+++ b/after/syntax/css/css-inline-3.vim
@@ -0,0 +1,3 @@
+" TODO: create cssInlineProp and cssInlineAttr
+syn match cssFontProp contained "\<initial-letter\(-align\)\="
+syn keyword cssFontAttr contained ideographic
diff --git a/after/syntax/html.vim b/after/syntax/html.vim
index 0a0601c..ab7566f 100644
--- a/after/syntax/html.vim
+++ b/after/syntax/html.vim
@@ -30,6 +30,7 @@ syn include @htmlCss syntax/css/css-display-3.vim
 syn include @htmlCss syntax/css/css-flexbox-1.vim
 syn include @htmlCss syntax/css/css-gcpm-3.vim
 syn include @htmlCss syntax/css/css-grid-1.vim
+syn include @htmlCss syntax/css/css-inline-3.vim
 syn include @htmlCss syntax/css/css-line-grid-1.vim
 syn include @htmlCss syntax/css/css-lists-3.vim
 syn include @htmlCss syntax/css/css-masking-1.vim
diff --git a/test/test.css b/test/test.css
index d33225c..44c2c19 100644
--- a/test/test.css
+++ b/test/test.css
@@ -232,6 +232,11 @@
   display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
 }
 
+.inline {
+  initial-letter: ideographic;
+  initial-letter-align: auto;
+}
+
 .layout::slot(b) {
   display: same;
 }
diff --git a/test/test.html b/test/test.html
index 1069016..cd0b166 100644
--- a/test/test.html
+++ b/test/test.html
@@ -243,6 +243,11 @@
         display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
       }
 
+      .inline {
+        initial-letter: ideographic;
+        initial-letter-align: auto;
+      }
+
       .layout::slot(b) {
         display: same;
       }