[css-gaps-1] Add example of rule-break: intersection in multicol. #13135

Author: kbabbitt

css-gaps-1/Overview.bs

@@ -774,7 +774,9 @@ To <dfn>apply offsets to a segment </dfn> for a given segment |s| = [|start|, |e
 	<div class="example">
 		<pre>
 			.break-normal-multicol {
-				gap: 10px;
+				column-width: 150px;
+				column-height: 300px;
+				gap: 1em;
 				row-rule: 4px solid red;
 				column-rule: 4px solid blue;
 				rule-break: normal;
@@ -790,6 +792,25 @@ To <dfn>apply offsets to a segment </dfn> for a given segment |s| = [|start|, |e
 		</figure>
 	</div>
 
+	<div class="example">
+		<pre>
+			.break-intersection-multicol {
+				column-width: 150px;
+				column-height: 300px;
+				gap: 1em;
+				row-rule: 4px solid red;
+				column-rule: 4px solid blue;
+				rule-break: intersection;
+			}
+		</pre>
+		<figure>
+			<img alt="" src="images/example-break-intersection-multicol.png">
+			<figcaption>
+				Multicol <a>gap decorations</a> with rule-break set to ''intersection''.
+			</figcaption>
+		</figure>
+	</div>
+
 	<div class="example">
 		<pre>
 			.break-none-flex {