Sākums Izpētīt Palīdzība
Pierakstīties
khronosschoty
/
palemoon-dev
Vērot 2
Pievienot zvaigznīti 1
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Koks: ac60e7ecec
Atzari Tagi
palemoon-dev
/
platform
/
layout
/
reftests
/
css-break
/
box-decoration-break-bug-1249913.html

box-decoration-break-bug-1249913.html 1.8 KB
Vēsture Neapstrādāts

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 
  1. <!DOCTYPE html>
    2. 

  2. <!--
    3. 

  3.      Any copyright is dedicated to the Public Domain.
    4. 

  4.      http://creativecommons.org/publicdomain/zero/1.0/
    5. 

  5. -->
    6. 

  6. <html><head>
    7. 

  7.   <meta charset="utf-8">
    8. 

  8.   <title>'box-decoration-break' with child overflow</title>
    9. 

  9.   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1249913">
    10. 

  10.   <link rel="help" href="https://drafts.csswg.org/css-break/#break-decoration">
    11. 

  11.   <link rel="match" href="box-decoration-break-bug-1249913-ref.html">
    12. 

  12.   <style type="text/css">
    13. 

  13. body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
    14. 

  14. 

  15. p { height: 50px; width: 100px; margin:0; background:lime; }
    16. 

  16. .clone { height: 10px; box-decoration-break:clone; }
    17. 

  17. .border { border:3px solid black; }
    18. 

  18. .outline { outline:3px solid brown; }
    19. 

  19. .shadow { box-shadow: 2px 2px 0 0 blue; }
    20. 

  20. 

  21. .columns {
    22. 

  22.      -moz-columns: 2;
    23. 

  23.       -ms-columns: 2;
    24. 

  24.   -webkit-columns: 2;
    25. 

  25.           columns: 2;
    26. 

  26.      -moz-column-fill: auto;
    27. 

  27.       -ms-column-fill: auto;
    28. 

  28.   -webkit-column-fill: auto;
    29. 

  29.           column-fill: auto;
    30. 

  30.   width:500px;
    31. 

  31.   height:30px;
    32. 

  32.   border:solid silver;
    33. 

  33.   margin: 2px 0;
    34. 

  34. }
    35. 

  35. 

  36. .columns div { height: 10px; }
    37. 

  37. 

  38. </style>
    39. 

  39. </head>
    40. 

  40. <body>
    41. 

  41. 

  42. <div class="columns"><div class="clone border"><p></p></div></div>
    43. 

  43. <div class="columns"><div class="clone outline"><p></p></div></div>
    44. 

  44. <div class="columns"><div class="clone shadow"><p></p></div></div>
    45. 

  45. <div class="columns"><div class="clone border outline"><p></p></div></div>
    46. 

  46. <div class="columns"><div class="clone border shadow"><p></p></div></div>
    47. 

  47. 

  48. <div class="columns"><div class="border"><p></p></div></div>
    49. 

  49. <div class="columns"><div class="outline"><p></p></div></div>
    50. 

  50. <div class="columns"><div class="shadow"><p></p></div></div>
    51. 

  51. <div class="columns"><div class="border outline"><p></p></div></div>
    52. 

  52. <div class="columns"><div class="border shadow"><p></p></div></div>
    53. 

  53. 

  54. </body>
    55. 

  55. </html>
    56. 

  56.