diff --git a/docs/styles/css_units/color.md b/docs/css_types/color.md
similarity index 100%
rename from docs/styles/css_units/color.md
rename to docs/css_types/color.md
diff --git a/docs/styles/css_units/fractional.md b/docs/css_types/fractional.md
similarity index 100%
rename from docs/styles/css_units/fractional.md
rename to docs/css_types/fractional.md
diff --git a/docs/css_types/index.md b/docs/css_types/index.md
new file mode 100644
index 000000000..60aaaa695
--- /dev/null
+++ b/docs/css_types/index.md
@@ -0,0 +1,12 @@
+# CSS Types
+
+CSS types define the values that Textual CSS rules accept.
+
+CSS types will be linked from within the [styles reference](../styles/index.md) in the "Formal Syntax" section of each rule.
+The CSS types will be denoted by a keyword enclosed by angle brackets `<` and `>`.
+
+For example, the style [`align-horizontal`](../styles/align.md) references the CSS type [<horizontal>](./horizontal.md):
+
+--8<-- "docs/snippets/syntax_block_start.md"
+align-horizontal: <a href="./horizontal.md">&lt;horizontal&gt;</a>
+--8<-- "docs/snippets/syntax_block_end.md"
diff --git a/docs/styles/css_units/integer.md b/docs/css_types/integer.md
similarity index 100%
rename from docs/styles/css_units/integer.md
rename to docs/css_types/integer.md
diff --git a/docs/styles/css_units/percentage.md b/docs/css_types/percentage.md
similarity index 100%
rename from docs/styles/css_units/percentage.md
rename to docs/css_types/percentage.md
diff --git a/docs/styles/css_units/scalar.md b/docs/css_types/scalar.md
similarity index 100%
rename from docs/styles/css_units/scalar.md
rename to docs/css_types/scalar.md
diff --git a/docs/styles/css_units/text_style.md b/docs/css_types/text_style.md
similarity index 100%
rename from docs/styles/css_units/text_style.md
rename to docs/css_types/text_style.md
diff --git a/docs/styles/css_units/index.md b/docs/styles/css_units/index.md
deleted file mode 100644
index 45c5735fc..000000000
--- a/docs/styles/css_units/index.md
+++ /dev/null
@@ -1,12 +0,0 @@
-# CSS units
-
-Many CSS rules accept units of some sort, as opposed to a set of values.
-
-The different CSS units are:
-
- - [color](./color.md) – e.g., to set the background color of a widget;
- - [fractional](./fractional.md) – e.g., to set the opacity of a widget;
- - [integer](./integer.md) – e.g., to set the size of a grid layout;
- - [percentage](./percentage.md) – e.g., to set the transparency of colors;
- - [scalar](./scalar.md) – e.g., to set the dimensions of a widget; and
- - [text style](./text_style.md) – e.g., to style the text of a widget.