@@ -1498,10 +1498,21 @@ they apply to the top, right, bottom, and left, respectively.
1498
1498
and if it does what style it's drawn in
1499
1499
(if it is not overridden by a <a href="#border-images">border image</a> ).
1500
1500
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.
1505
1516
1506
1517
<p> Where
1507
1518
<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
1656
1667
choice might be 1, 3 & 5px when the ''medium'' font size is 17px or
1657
1668
less. Negative values are not allowed.
1658
1669
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.
1664
1685
1665
1686
<p class="note"> Note that the initial width is ''medium'' , but the initial
1666
1687
style 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)
2278
2299
unless the ''fill'' keyword is present. (It is drawn over the background;
2279
2300
see <a href="#border-image-process">Drawing the Border Image</a> .)
2280
2301
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.
2285
2313
2286
2314
<dl dfn-for=border-image-slice dfn-type=value>
2287
2315
<dt> <dfn><<percentage [0,∞]>></dfn>
@@ -2359,9 +2387,21 @@ by default correspond to the border box, see 'border-image-outset'.
2359
2387
<p> The four values of 'border-image-width' specify offsets that are used
2360
2388
to divide the border image area into nine parts. They represent inward
2361
2389
distances 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>
2365
2405
2366
2406
<dl dfn-for=border-image-width dfn-type=value>
2367
2407
<dt> <dfn><<length-percentage [0,∞]>></dfn>
@@ -2427,10 +2467,18 @@ them by <var>f</var>.
2427
2467
2428
2468
2429
2469
<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.
2434
2482
2435
2483
<dl dfn-for=border-image-outset dfn-type=value>
2436
2484
<dt> <<length [0,∞]>>
0 commit comments