@@ -1498,10 +1498,21 @@ they apply to the top, right, bottom, and left, respectively.
14981498 and if it does what style it's drawn in
14991499 (if it is not overridden by a <a href="#border-images">border image</a> ).
15001500
1501- <p> 'Border-style' is a shorthand for the
1502- other four. Its four values set the top, right, bottom and left border
1503- respectively. A missing left is the same as right, a missing bottom is
1504- the same as top, and a missing right is also the same as top.
1501+ <p> The 'border-style' property is a shorthand property for setting
1502+ 'border-top-style' , 'border-right-style' , 'border-bottom-style' , and 'border-left-style'
1503+ in a single declaration.
1504+
1505+ <p> If there is only one component value,
1506+ it applies to all sides.
1507+ If there are two values,
1508+ the top and bottom are set to the first value
1509+ and the right and left are set to the second.
1510+ If there are three values,
1511+ the top is set to the first value,
1512+ the left and right are set to the second,
1513+ and the bottom is set to the third.
1514+ If there are four values
1515+ they apply to the top, right, bottom, and left, respectively.
15051516
15061517<p> Where
15071518<pre class=prod><dfn><<line-style>></dfn> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</pre>
@@ -1656,11 +1667,21 @@ e.g., make the thickness depend on the ''medium'' font size: one
16561667choice might be 1, 3 & 5px when the ''medium'' font size is 17px or
16571668less. Negative values are not allowed.
16581669
1659- <p> 'Border-width' is a shorthand that sets the
1660- four 'border-*-width' properties. If it has four values, they set top, right,
1661- bottom and left in that order. If left is missing, it is the same as right;
1662- if bottom is missing, it is the same as top; if right is missing, it is the
1663- same as top.
1670+ <p> The 'border-width' property is a shorthand property for setting
1671+ 'border-top-width' , 'border-right-width' , 'border-bottom-width' , and 'border-left-width'
1672+ in a single declaration.
1673+
1674+ <p> If there is only one component value,
1675+ it applies to all sides.
1676+ If there are two values,
1677+ the top and bottom are set to the first value
1678+ and the right and left are set to the second.
1679+ If there are three values,
1680+ the top is set to the first value,
1681+ the left and right are set to the second,
1682+ and the bottom is set to the third.
1683+ If there are four values
1684+ they apply to the top, right, bottom, and left, respectively.
16641685
16651686<p class="note"> Note that the initial width is ''medium'' , but the initial
16661687style is ''border-style/none'' and therefore the used width is 0.
@@ -2278,10 +2299,17 @@ The middle image part is discarded (treated as fully transparent)
22782299unless the ''fill'' keyword is present. (It is drawn over the background;
22792300see <a href="#border-image-process">Drawing the Border Image</a> .)
22802301
2281- <p> When four values are specified, they set the offsets on the top,
2282- right, bottom and left sides in that order. If the left is missing, it is
2283- the same as the right; if the bottom is missing, it is the same as the top;
2284- if the right is missing, it is the same as the top.
2302+ <p> If there is only one component value,
2303+ it applies to all sides.
2304+ If there are two values,
2305+ the top and bottom are set to the first value
2306+ and the right and left are set to the second.
2307+ If there are three values,
2308+ the top is set to the first value,
2309+ the left and right are set to the second,
2310+ and the bottom is set to the third.
2311+ If there are four values
2312+ they apply to the top, right, bottom, and left, respectively.
22852313
22862314<dl dfn-for=border-image-slice dfn-type=value>
22872315 <dt> <dfn><<percentage [0,∞]>></dfn>
@@ -2359,9 +2387,21 @@ by default correspond to the border box, see 'border-image-outset'.
23592387<p> The four values of 'border-image-width' specify offsets that are used
23602388to divide the border image area into nine parts. They represent inward
23612389distances from the the top, right, bottom, and left sides of the
2362- area, respectively. If the left width is missing, it is the same as the right;
2363- if the bottom is missing, it is the same as the top; if the right is missing,
2364- it is the same as the top. Values have the following meanings:</p>
2390+ area, respectively.
2391+
2392+ <p> If there is only one component value,
2393+ it applies to all sides.
2394+ If there are two values,
2395+ the top and bottom are set to the first value
2396+ and the right and left are set to the second.
2397+ If there are three values,
2398+ the top is set to the first value,
2399+ the left and right are set to the second,
2400+ and the bottom is set to the third.
2401+ If there are four values
2402+ they apply to the top, right, bottom, and left, respectively.
2403+
2404+ Values have the following meanings:</p>
23652405
23662406<dl dfn-for=border-image-width dfn-type=value>
23672407 <dt> <dfn><<length-percentage [0,∞]>></dfn>
@@ -2427,10 +2467,18 @@ them by <var>f</var>.
24272467
24282468
24292469<p> The values specify the amount by which the <a>border image area</a> extends beyond the border box.
2430- If it has four values, they set the outsets on the top, right, bottom and
2431- left sides in that order. If the left is missing, it is the same as the right;
2432- if the bottom is missing, it is the same as the top; if the right is missing,
2433- it is the same as the top.
2470+
2471+ If there is only one component value,
2472+ it applies to all sides.
2473+ If there are two values,
2474+ the top and bottom are set to the first value
2475+ and the right and left are set to the second.
2476+ If there are three values,
2477+ the top is set to the first value,
2478+ the left and right are set to the second,
2479+ and the bottom is set to the third.
2480+ If there are four values
2481+ they apply to the top, right, bottom, and left, respectively.
24342482
24352483<dl dfn-for=border-image-outset dfn-type=value>
24362484 <dt> <<length [0,∞]>>
0 commit comments