2.9.0

https://www.w3.org/TR/2025/WD-css-conditional-5-20251030/

after/syntax/css/anchor-position-1.vim

@@ -1,4 +1,4 @@
 syn keyword cssFontProp contained anchor-name anchor-scope position-area position-anchor position-try position-try-fallbacks position-try-order position-visibility
-syn keyword cssFontAttr contained span-left span-right span-x-start span-x-end x-self-start x-self-end span-x-self-start span-x-self-end span-all span-top span-bottom span-y-start span-y-end y-self-start y-self-end span-y-self-start span-y-self-end block-start block-end span-block-start span-block-end self-block-start self-block-end span-self-block-start span-self-block-end inline-start inline-end span-inline-start span-inline-end self-inline-start self-inline-end span-self-inline-start span-self-inline-end span-start span-end self-start self-end span-self-start span-self-end anchor-center most-width most-height most-block-size most-inline-size flip-block flip-inline flip-start
+syn keyword cssFontAttr contained span-left span-right span-x-start span-x-end self-x-start self-x-end span-self-x-start span-self-x-end span-all span-top span-bottom span-y-start span-y-end self-y-start self-y-end span-self-y-start span-self-y-end block-start block-end span-block-start span-block-end self-block-start self-block-end span-self-block-start span-self-block-end inline-start inline-end span-inline-start span-inline-end self-inline-start self-inline-end span-self-inline-start span-self-inline-end span-start span-end self-start self-end span-self-start span-self-end anchor-center most-width most-height most-block-size most-inline-size flip-block flip-inline flip-start
 syn region cssFunction contained matchgroup=cssFunctionName start="\<anchor\(-size\)\=\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@position-try\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/anchor-position-2.vim

@@ -0,0 +1 @@
+syn keyword cssFontAttr contained anchored

after/syntax/css/backgrounds-4.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained background-position-x background-position-y background-position-inline background-position-block corners corner-shape border-limit border-clip border-clip-top border-clip-right border-clip-bottom border-clip-left
-syn keyword cssFontAttr contained x-start x-end y-start y-end bevel scoop notch
+syn keyword cssFontProp contained background-position-x background-position-y background-position-inline background-position-block
+syn keyword cssFontAttr contained x-start x-end y-start y-end

after/syntax/css/borders-4.vim

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained border-top-radius border-right-radius border-bottom-radius border-left-radius border-block-start-radius border-block-end-radius border-inline-start-radius border-inline-end-radius corner-top-left-shape corner-top-right-shape corner-bottom-right-shape corner-bottom-left-shape corner-start-start-shape corner-start-end-shape corner-end-start-shape corner-end-end-shape corner-top-shape corner-right-shape corner-bottom-shape corner-left-shape corner-block-start-shape corner-block-end-shape corner-inline-start-shape corner-inline-end-shape corner-shape corners border-limit border-clip border-clip-top border-clip-right border-clip-bottom border-clip-left box-shadow-color box-shadow-offset box-shadow-blur box-shadow-spread box-shadow-position border-shape
+syn keyword cssFontAttr contained squircle bevel scoop notch sides corners
+syn region cssFunction contained matchgroup=cssFunctionName start="\<superellipse\s*(" end=")" oneline keepend

after/syntax/css/conditional-5.vim

@@ -1,3 +1,3 @@
 syn keyword cssFontProp contained container-type container-name container
 syn keyword cssFontAttr contained inline-size
-syn match cssFontDescriptor "@\(when\|else\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
+syn match cssFontDescriptor "@\(when\|else\|supports-condition\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/cssom-view-1.vim

@@ -1,2 +0,0 @@
-syn keyword cssFontProp contained scroll-behavior
-syn keyword cssFontAttr contained smooth

after/syntax/css/env-1.vim

@@ -0,0 +1 @@
+syn region cssFunction contained matchgroup=cssFunctionName start="\<env\s*(" end=")" oneline contains=cssValueInteger,cssValueNumber,cssValueLength,cssFunctionComma

after/syntax/css/gaps-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained column-rule-break row-rule-break rule-break column-rule-outset row-rule-outset rule-outset rule-paint-order row-rule-color row-rule-style row-rule-width row-rule rule-color rule-style rule-width rule
+syn keyword cssFontAttr contained spanning-item intersection row-over-column column-over-row

after/syntax/css/mixins-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained result
+syn match cssFontDescriptor "@function\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/overflow-3.vim

@@ -1 +1,2 @@
-syn keyword cssFontProp contained continue overflow-clip-margin overflow-block overflow-inline scrollbar-gutter block-ellipsis line-clamp max-lines
+syn keyword cssFontProp contained continue overflow-clip-margin overflow-block overflow-inline scrollbar-gutter block-ellipsis line-clamp max-lines scroll-behavior
+syn keyword cssFontAttr contained smooth

after/syntax/css/position-4.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained overlay
+syn keyword cssPseudoClassId contained backdrop

after/syntax/css/pseudo-4.vim

@@ -1 +1 @@
-syn keyword cssPseudoClassId contained prefix postfix target-text spelling-error grammer-error file-selectors-button
+syn keyword cssPseudoClassId contained prefix suffix target-text spelling-error grammer-error file-selectors-button search-text details-content

after/syntax/css/shapes-1.vim

@@ -1,3 +1,3 @@
 syn keyword cssFontProp contained shape-outside shape-image-threshold shape-margin
 syn keyword cssFontAttr contained margin-box
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(inset\|circle\|ellipse\|polygon\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(inset\|circle\|ellipse\|polygon\|shape\)\s*(" end=")" oneline keepend

after/syntax/css/webvtt1.vim

@@ -1,2 +1,2 @@
-syn match cssPseudoClassId contained "::\<cue\(-region\)\=\>"
+syn keyword cssPseudoClassId contained cue cue-region
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start="::cue\(-region\)\=(" end=")" oneline

test/test.css

@@ -23,19 +23,19 @@
   display: span-right;
   display: span-x-start;
   display: span-x-end;
-  display: x-self-start;
-  display: x-self-end;
-  display: span-x-self-start;
-  display: span-x-self-end;
+  display: self-x-start;
+  display: self-x-end;
+  display: span-self-x-start;
+  display: span-self-x-end;
   display: span-all;
   display: span-top;
   display: span-bottom;
   display: span-y-start;
   display: span-y-end;
-  display: y-self-start;
-  display: y-self-end;
-  display: span-y-self-start;
-  display: span-y-self-end;
+  display: self-y-start;
+  display: self-y-end;
+  display: span-self-y-start;
+  display: span-self-y-end;
   display: span-block-start;
   display: span-block-end;
   display: self-block-start;
@@ -60,10 +60,15 @@
   display: flip-block;
   display: flip-inline;
   display: flip-start;
+  display: dialog;
   display: anchor(--x 50%);
   display: anchor-size(--foo height);
 }
 
+.anchor-position-2 {
+  display: anchored;
+}
+
 .animations-1 {
   display: auto;
 }
@@ -84,6 +89,37 @@
   background-position-y: auto;
   background-position-inline: auto;
   background-position-block: auto;
+  display: x-start;
+  display: x-end;
+  display: y-start;
+  display: y-end;
+}
+
+.borders-4 {
+	border-top-radius: auto;
+	border-right-radius: auto;
+	border-bottom-radius: auto;
+	border-left-radius: auto;
+	border-block-start-radius: auto;
+	border-block-end-radius: auto;
+	border-inline-start-radius: auto;
+	border-inline-end-radius: auto;
+	corner-top-left-shape: auto;
+	corner-top-right-shape: auto;
+	corner-bottom-right-shape: auto;
+	corner-bottom-left-shape: auto;
+	corner-start-start-shape: auto;
+	corner-start-end-shape: auto;
+	corner-end-start-shape: auto;
+	corner-end-end-shape: auto;
+	corner-top-shape: auto;
+	corner-right-shape: auto;
+	corner-bottom-shape: auto;
+	corner-left-shape: auto;
+	corner-inline-start-shape: auto;
+	corner-inline-end-shape: auto;
+	corner-block-start-shape: auto;
+	corner-block-end-shape: auto;
   corner-shape: auto;
   corners: auto;
   border-limit: auto;
@@ -92,13 +128,19 @@
   border-clip-right: auto;
   border-clip-bottom: auto;
   border-clip-left: auto;
-  display: x-start;
-  display: x-end;
-  display: y-start;
-  display: y-end;
+	box-shadow-color: auto;
+	box-shadow-offset: auto;
+	box-shadow-blur: auto;
+	box-shadow-spread: auto;
+	box-shadow-position: auto;
+	border-shape: auto;
+	display: squircle;
   display: bevel;
   display: scoop;
   display: notch;
+	display: superellipse(1);
+	display: sides;
+	display: corners;
 }
 
 .box-3 {
@@ -231,6 +273,12 @@
   }
 }
 
+@supports-condition --thicker-underlines {
+  .conditional-5 {
+    display: auto;
+  }
+}
+
 .contain-1 {
   contain: auto;
   display: layout;
@@ -317,11 +365,10 @@
 }
 
 .cssom-1 {
-  display: auto;
 }
 
 .cssom-view-1 {
-  scroll-behavior: smooth;
+  display: auto;
 }
 
 .device-adapt-1 {
@@ -355,6 +402,10 @@
   display: linear(0, 0.25, 1);
 }
 
+.env-1 {
+  display: env(foo, red, blue);
+}
+
 .exclusions-3 {
   wrap-flow: auto;
   wrap-through: auto;
@@ -517,13 +568,35 @@
 .forms-1:low-value,
 .forms-1:high-value,
 .forms-1:optimal-value {
-	slider-orientation: auto;
-	display: base;
-	display: control-value(<number>);
-	display: left-to-right;
-	display: right-to-left;
-	display: top-to-bottom;
-	display: bottom-to-top;
+  slider-orientation: auto;
+  display: base;
+  display: control-value(<number>);
+  display: left-to-right;
+  display: right-to-left;
+  display: top-to-bottom;
+  display: bottom-to-top;
+}
+
+.gaps-1 {
+  column-rule-break: auto;
+  row-rule-break: auto;
+  rule-break: auto;
+  column-rule-outset: auto;
+  row-rule-outset: auto;
+  rule-outset: auto;
+  rule-paint-order: auto;
+  row-rule-color: auto;
+  row-rule-style: auto;
+  row-rule-width: auto;
+  row-rule: auto;
+  rule-color: auto;
+  rule-style: auto;
+  rule-width: auto;
+  rule: auto;
+  display: spanning-item;
+  display: intersection;
+  display: row-over-column;
+  display: column-over-row;
 }
 
 .gcpm-3::footnote-call,
@@ -741,6 +814,10 @@ mask {
   mask-type: auto;
 }
 
+@function mixins-1() {
+  result: auto;
+}
+
 .motion-1 {
   offset-path: auto;
   offset-distance: auto;
@@ -777,9 +854,11 @@ mask {
   overflow-inline: auto;
   scrollbar-gutter: auto;
   block-ellipsis: auto;
+  scroll-behavior: auto;
   line-clamp: auto;
   max-lines: auto;
   continue: auto;
+  display: smooth;
 }
 
 .overflow-4::nth-fragment(1) {
@@ -853,6 +932,10 @@ mask {
   inset: auto;
 }
 
+.position-4::backdrop {
+  overlay: auto;
+}
+
 .properties-values-api-1 {
   syntax: auto;
   inherits: auto;
@@ -860,11 +943,13 @@ mask {
 }
 
 .pseudo-4::first-letter::prefix,
-.pseudo-4::first-letter::postfix,
+.pseudo-4::first-letter::suffix,
 .pseudo-4::target-text,
 .pseudo-4::spelling-error,
 .pseudo-4::grammer-error,
-.pseudo-4::file-selectors-button {
+.pseudo-4::file-selectors-button,
+.pseudo-4::search-text,
+.pseudo-4::details-content {
   display: auto;
 }
 
@@ -1073,10 +1158,11 @@ mask {
   display: circle(100px 50px 100px);
   display: ellipse(0 0 250px 100px);
   display: polygon(0 0, 100% 100%, 0 100%);
+  display: shape(from 0% 0%, hline to 100%, line to 0% 100%, vline to 0%);
 }
 
 .sizing-3 {
-  display: auto;
+display: auto;
 }
 
 .sizing-4 {