border-image-007.html (1669B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Backgrounds and Borders Test: border-image-width with various values (basic)</title> 6 7 <link rel="author" title="Jérémie Patonnier" href="mailto:jeremie@patonnier.net"> 8 <link rel="help" href="http://www.w3.org/TR/css3-background/#border-image-width"> 9 <link rel="match" href="reference/border-image-007-ref.html"> 10 11 <meta name="flags" content=""> 12 13 <!-- 14 15 This is a follow-up to 16 Pull Request 8788: Update css-backgrounds/border-image tests 17 https://github.com/web-platform-tests/wpt/pull/8788 18 19 Credit should go to Chris Nardi for trying to fix 20 16 border-image tests with 2 relevant commits 21 22 --> 23 24 <style> 25 div.outer-parent 26 { 27 border: red solid 40px; 28 border-image-slice: 24; 29 border-image-source: url("support/50x50-green.png"); 30 height: 12px; 31 margin-bottom: 16px; 32 padding: 2px 4px 6px 8px; 33 width: 8px; 34 } 35 36 div.inner-child 37 { 38 background-color: blue; 39 height: 100%; 40 width: 100%; 41 } 42 43 div#first-subtest 44 { 45 border-image-width: 1px; 46 } 47 48 div#second-subtest 49 { 50 border-image-width: 1px 5px; 51 } 52 53 div#third-subtest 54 { 55 border-image-width: 1px 5px 10px; 56 } 57 58 div#fourth-subtest 59 { 60 border-image-width: 1px 5px 10px 15px; 61 } 62 </style> 63 64 <div class="outer-parent" id="first-subtest"><div class="inner-child"></div></div> 65 66 <div class="outer-parent" id="second-subtest"><div class="inner-child"></div></div> 67 68 <div class="outer-parent" id="third-subtest"><div class="inner-child"></div></div> 69 70 <div class="outer-parent" id="fourth-subtest"><div class="inner-child"></div></div>