Complete references for layer(s).

[skip ci]

docs/styles/layers.md

@@ -1,16 +1,20 @@
 # Layers
 
 The `layers` property allows you to define an ordered set of layers.
-These `layers` can later be referenced using the `layer` property.
 Layers control the order in which widgets are painted on screen.
+These `layers` can later be referenced using the `layer` property.
 More information on layers can be found in the [guide](../guide/layout.md#layers).
 
 ## Syntax
 
 ```
-layers: <STRING> ...;
+layers: <STRING> . . .;
 ```
 
+Layers that come first in the list are drawn before the layers that come after.
+This means the first layer will be under all other layers and the last layer will be above all other layers.
+See the example below.
+
 ## Example
 
 In the example below, `#box1` is yielded before `#box2`.
@@ -31,7 +35,7 @@ However, since `#box1` is on the higher layer, it is drawn on top of `#box2`.
 
 === "layers.css"
 
-    ```sass hl_lines="3 15 19"
+    ```sass hl_lines="3 14 19"
     --8<-- "docs/examples/guide/layout/layers.css"
     ```
 
@@ -46,5 +50,5 @@ layers: below above;
 
 ```python
 # Bottom layer is called 'below', layer above it is called 'above'
-widget.layers = ("below", "above")
+widget.style.layers = ("below", "above")
 ```