CSS maintenance: shorthand properties (#34858)

* CSS maintenance: shorthand properties * remove one * wrong page type
mdn · Jul 16, 2024 · ec64bbd · ec64bbd
1 parent 00ad674
commit ec64bbd
Show file tree

Hide file tree

Showing 5 changed files with 88 additions and 73 deletions.
diff --git a/files/en-us/web/css/-webkit-mask-box-image/index.md b/files/en-us/web/css/-webkit-mask-box-image/index.md
@@ -1,7 +1,7 @@
 ---
 title: "-webkit-mask-box-image"
 slug: Web/CSS/-webkit-mask-box-image
-page-type: css-property
+page-type: css-shorthand-property
 status:
   - non-standard
 browser-compat: css.properties.-webkit-mask-box-image

diff --git a/files/en-us/web/css/border-image/index.md b/files/en-us/web/css/border-image/index.md
@@ -1,7 +1,7 @@
 ---
 title: border-image
 slug: Web/CSS/border-image
-page-type: css-property
+page-type: css-shorthand-property
 browser-compat: css.properties.border-image
 ---
 

diff --git a/files/en-us/web/css/border-radius/index.md b/files/en-us/web/css/border-radius/index.md
@@ -1,7 +1,7 @@
 ---
 title: border-radius
 slug: Web/CSS/border-radius
-page-type: css-property
+page-type: css-shorthand-property
 browser-compat: css.properties.border-radius
 ---
 

diff --git a/files/en-us/web/css/font-synthesis/index.md b/files/en-us/web/css/font-synthesis/index.md
@@ -1,7 +1,7 @@
 ---
 title: font-synthesis
 slug: Web/CSS/font-synthesis
-page-type: css-property
+page-type: css-shorthand-property
 browser-compat: css.properties.font-synthesis
 ---
 

diff --git a/files/en-us/web/css/shorthand_properties/index.md b/files/en-us/web/css/shorthand_properties/index.md
@@ -170,74 +170,89 @@ CSS provides a universal shorthand property, {{cssxref("all")}}, which applies i
 
 See [Cascade and inheritance](/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance) or [Introducing the CSS Cascade](/en-US/docs/Web/CSS/Cascade) for more information about how inheritance works in CSS.
 
+## Shorthand properties
+
+- {{cssxref("all")}}
+- {{cssxref("animation")}}
+- {{cssxref("animation-range")}}
+- {{cssxref("background")}}
+- {{cssxref("border")}}
+- {{cssxref("border-block")}}
+- {{cssxref("border-block-end")}}
+- {{cssxref("border-block-start")}}
+- {{cssxref("border-bottom")}}
+- {{cssxref("border-color")}}
+- {{cssxref("border-image")}}
+- {{cssxref("border-inline")}}
+- {{cssxref("border-inline-end")}}
+- {{cssxref("border-inline-start")}}
+- {{cssxref("border-left")}}
+- {{cssxref("border-radius")}}
+- {{cssxref("border-right")}}
+- {{cssxref("border-style")}}
+- {{cssxref("border-top")}}
+- {{cssxref("border-width")}}
+- {{cssxref("column-rule")}}
+- {{cssxref("columns")}}
+- {{cssxref("contain-intrinsic-size")}}
+- {{cssxref("container")}}
+- {{cssxref("flex")}}
+- {{cssxref("flex-flow")}}
+- {{cssxref("font")}}
+- {{cssxref("font-synthesis")}}
+- {{cssxref("font-variant")}}
+- {{cssxref("gap")}}
+- {{cssxref("grid")}}
+- {{cssxref("grid-area")}}
+- {{cssxref("grid-column")}}
+- {{cssxref("grid-row")}}
+- {{cssxref("grid-template")}}
+- {{cssxref("inset")}}
+- {{cssxref("inset-block")}}
+- {{cssxref("inset-inline")}}
+- {{cssxref("list-style")}}
+- {{cssxref("margin")}}
+- {{cssxref("margin-block")}}
+- {{cssxref("margin-inline")}}
+- {{cssxref("mask")}}
+- {{cssxref("mask-border")}}
+- {{cssxref("offset")}}
+- {{cssxref("outline")}}
+- {{cssxref("overflow")}}
+- {{cssxref("overscroll-behavior")}}
+- {{cssxref("padding")}}
+- {{cssxref("padding-block")}}
+- {{cssxref("padding-inline")}}
+- {{cssxref("place-content")}}
+- {{cssxref("place-items")}}
+- {{cssxref("place-self")}}
+- {{cssxref("position-try")}}
+- {{cssxref("scroll-margin")}}
+- {{cssxref("scroll-margin-block")}}
+- {{cssxref("scroll-margin-inline")}}
+- {{cssxref("scroll-padding")}}
+- {{cssxref("scroll-padding-block")}}
+- {{cssxref("scroll-padding-inline")}}
+- {{cssxref("scroll-timeline")}}
+- {{cssxref("text-decoration")}}
+- {{cssxref("text-emphasis")}}
+- {{cssxref("text-wrap")}}
+- {{cssxref("transition")}}
+- {{cssxref("view-timeline")}}
+- {{cssxref("-webkit-text-stroke")}}
+- {{cssxref("-webkit-border-before")}}
+- {{cssxref("-webkit-mask-box-image")}}
+
 ## See also
 
-- CSS key concepts:
-  - [CSS syntax](/en-US/docs/Web/CSS/Syntax)
-  - [At-rules](/en-US/docs/Web/CSS/At-rule)
-  - [Comments](/en-US/docs/Web/CSS/Comments)
-  - [Specificity](/en-US/docs/Web/CSS/Specificity)
-  - [Inheritance](/en-US/docs/Web/CSS/Inheritance)
-  - [Box model](/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model)
-  - [Layout modes](/en-US/docs/Web/CSS/Layout_mode)
-  - [Visual formatting models](/en-US/docs/Web/CSS/Visual_formatting_model)
-  - [Margin collapsing](/en-US/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing)
-  - Values
-    - [Initial values](/en-US/docs/Web/CSS/initial_value)
-    - [Computed values](/en-US/docs/Web/CSS/computed_value)
-    - [Used values](/en-US/docs/Web/CSS/used_value)
-    - [Actual values](/en-US/docs/Web/CSS/actual_value)
-  - [Value definition syntax](/en-US/docs/Web/CSS/Value_definition_syntax)
-  - [Replaced elements](/en-US/docs/Web/CSS/Replaced_element)
-- Shorthand properties:
-  - {{cssxref("all")}}
-  - {{cssxref("animation")}}
-  - {{cssxref("background")}}
-  - {{cssxref("border")}}
-  - {{cssxref("border-block-end")}}
-  - {{cssxref("border-block-start")}}
-  - {{cssxref("border-bottom")}}
-  - {{cssxref("border-color")}}
-  - {{cssxref("border-image")}}
-  - {{cssxref("border-inline-end")}}
-  - {{cssxref("border-inline-start")}}
-  - {{cssxref("border-left")}}
-  - {{cssxref("border-radius")}}
-  - {{cssxref("border-right")}}
-  - {{cssxref("border-style")}}
-  - {{cssxref("border-top")}}
-  - {{cssxref("border-width")}}
-  - {{cssxref("column-rule")}}
-  - {{cssxref("columns")}}
-  - {{cssxref("container")}}
-  - {{cssxref("contain-intrinsic-size")}}
-  - {{cssxref("flex")}}
-  - {{cssxref("flex-flow")}}
-  - {{cssxref("font")}}
-  - {{cssxref("font-synthesis")}}
-  - {{cssxref("font-variant")}}
-  - {{cssxref("gap")}}
-  - {{cssxref("grid")}}
-  - {{cssxref("grid-area")}}
-  - {{cssxref("grid-column")}}
-  - {{cssxref("grid-row")}}
-  - {{cssxref("grid-template")}}
-  - {{cssxref("inset")}}
-  - {{cssxref("list-style")}}
-  - {{cssxref("margin")}}
-  - {{cssxref("mask")}}
-  - {{cssxref("mask-border")}}
-  - {{cssxref("offset")}}
-  - {{cssxref("outline")}}
-  - {{cssxref("overflow")}}
-  - {{cssxref("padding")}}
-  - {{cssxref("place-content")}}
-  - {{cssxref("place-items")}}
-  - {{cssxref("place-self")}}
-  - {{cssxref("scroll-margin")}}
-  - {{cssxref("scroll-padding")}}
-  - {{cssxref("scroll-timeline")}}
-  - {{cssxref("text-decoration")}}
-  - {{cssxref("text-emphasis")}}
-  - {{cssxref("text-wrap")}}
-  - {{cssxref("transition")}}
+- [CSS syntax](/en-US/docs/Web/CSS/Syntax)
+- [At-rules](/en-US/docs/Web/CSS/At-rule)
+- [Specificity](/en-US/docs/Web/CSS/Specificity)
+- [Inheritance](/en-US/docs/Web/CSS/Inheritance)
+- [Introducing the CSS Cascade](/en-US/docs/Web/CSS/Cascade)
+- [Learn: Cascade, specificity, and inheritance](/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance)
+- [Learn: Cascade layers](/en-US/docs/Learn/CSS/Building_blocks/Cascade_layers)
+- [CSS cascade and inheritance](/en-US/docs/Web/CSS/CSS_cascade) module
+- [Visual formatting models](/en-US/docs/Web/CSS/Visual_formatting_model)
+- [Initial](/en-US/docs/Web/CSS/initial_value), [computed](/en-US/docs/Web/CSS/computed_value), [used](/en-US/docs/Web/CSS/used_value), and [actual](/en-US/docs/Web/CSS/actual_value) values
+- [Value definition syntax](/en-US/docs/Web/CSS/Value_definition_syntax)