Skip to content

Commit 98749b2

Browse files
vwkdfantasai
authored andcommitted
fix: clarify order of values for border shorthand
1 parent dafb023 commit 98749b2

File tree

1 file changed

+15
-5
lines changed

1 file changed

+15
-5
lines changed

css-backgrounds-3/Overview.bs

+15-5
Original file line numberDiff line numberDiff line change
@@ -1416,11 +1416,21 @@ color ('border-color'), and thickness ('border-width') of the border.
14161416
<p>These properties set the foreground color of the border specified
14171417
by the <span class=property>border-style</span> properties.
14181418

1419-
<p>'Border-color' is a shorthand for the
1420-
four 'border-*-color' properties. The four values set the top, right,
1421-
bottom and left border, respectively. A missing left is the same as
1422-
right, a missing bottom is the same as top, and a missing right is
1423-
also the same as top.
1419+
<p>The 'border-color' property is a shorthand property for setting
1420+
'border-top-color', 'border-right-color', 'border-bottom-color', and 'border-left-color'
1421+
in a single declaration.
1422+
1423+
<p>If there is only one component value,
1424+
it applies to all sides.
1425+
If there are two values,
1426+
the top and bottom are set to the first value
1427+
and the right and left are set to the second.
1428+
If there are three values,
1429+
the top is set to the first value,
1430+
the left and right are set to the second,
1431+
and the bottom is set to the third.
1432+
If there are four values
1433+
they apply to the top, right, bottom, and left, respectively.
14241434

14251435

14261436

0 commit comments

Comments
 (0)