You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-backgrounds-4/Overview.bs
+5-5
Original file line number
Diff line number
Diff line change
@@ -196,7 +196,7 @@ Painting Area: the 'background-clip' property</h3>
196
196
<td><dfn id="border-color">border-color</dfn>
197
197
<tr>
198
198
<th><a href="#values">Value</a>:
199
-
<td><<color>>{1,4}#
199
+
<td>(<<color>>{1,4})#
200
200
<tr>
201
201
<th>Initial:
202
202
<td>(see individual properties)
@@ -222,11 +222,11 @@ Painting Area: the 'background-clip' property</h3>
222
222
223
223
<p>These properties set the foreground color of the border specified
224
224
by the <span class=property>border-style</span> properties.
225
-
If a list of values is provided, the border is split into equal width bands of each color
225
+
If a list of values is provided, the border is split into equal width bands of each color
226
226
along the direction of the side the border is applied on (i.e. split horizontally on left and right borders and vertically on top and bottom borders),
227
227
starting outwards.
228
228
229
-
<p>When interpolating between borders with the same number of colors, interpolation is performed individually per color band as <a href="https://www.w3.org/TR/css3-transitions/#animtype-color">color</a>.
229
+
<p>When interpolating between borders with the same number of colors, interpolation is performed individually per color band as <a href="https://www.w3.org/TR/css3-transitions/#animtype-color">color</a>.
230
230
Interpolation between borders with different numbers of colors is discrete.
231
231
232
232
<p>'Border-color' is a shorthand for the
@@ -237,14 +237,14 @@ Painting Area: the 'background-clip' property</h3>
237
237
238
238
<div class="example">
239
239
Using multiple colors for each side:
240
-
240
+
241
241
<pre>
242
242
border: 30px solid;
243
243
border-color: skyblue orange yellowgreen indianred, black yellow;
244
244
</pre>
245
245
246
246
Sample rendering:
247
-
247
+
248
248
<img src="images/multicolor-border.png" alt="">
249
249
250
250
The same border colors with 'border-style: dotted':
0 commit comments