Skip to content

Commit 9613c07

Browse files
committed
[css-backgrounds-4] Added parentheses to clarify border-color syntax
as suggested by @simevidas in #1172
1 parent cdd87b7 commit 9613c07

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

css-backgrounds-4/Overview.bs

+5-5
Original file line numberDiff line numberDiff line change
@@ -196,7 +196,7 @@ Painting Area: the 'background-clip' property</h3>
196196
<td><dfn id="border-color">border-color</dfn>
197197
<tr>
198198
<th><a href="#values">Value</a>:
199-
<td><<color>>{1,4}#
199+
<td>(<<color>>{1,4})#
200200
<tr>
201201
<th>Initial:
202202
<td>(see individual properties)
@@ -222,11 +222,11 @@ Painting Area: the 'background-clip' property</h3>
222222

223223
<p>These properties set the foreground color of the border specified
224224
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
226226
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),
227227
starting outwards.
228228

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>.
230230
Interpolation between borders with different numbers of colors is discrete.
231231

232232
<p>'Border-color' is a shorthand for the
@@ -237,14 +237,14 @@ Painting Area: the 'background-clip' property</h3>
237237

238238
<div class="example">
239239
Using multiple colors for each side:
240-
240+
241241
<pre>
242242
border: 30px solid;
243243
border-color: skyblue orange yellowgreen indianred, black yellow;
244244
</pre>
245245

246246
Sample rendering:
247-
247+
248248
<img src="images/multicolor-border.png" alt="">
249249

250250
The same border colors with 'border-style: dotted':

0 commit comments

Comments
 (0)