OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script> |
| 3 function print_output(elem) { |
| 4 style = elem.style; |
| 5 elem.insertAdjacentHTML('BeforeEnd', 'BorderImageSlice: ' + style.borderImageS
lice); |
| 6 elem.insertAdjacentHTML('BeforeEnd', '<br>BorderImageOutset: ' + style.borderI
mageOutset); |
| 7 } |
| 8 |
| 9 document.addEventListener('DOMContentLoaded', function () { |
| 10 var element =document.getElementById('check1'); |
| 11 var style = element.style; |
| 12 style.borderImage = '3 / / 2'; |
| 13 print_output(element) |
| 14 |
| 15 element =document.getElementById('check2'); |
| 16 style = element.style; |
| 17 style.borderImage = '4 / 5'; |
| 18 print_output(element) |
| 19 |
| 20 element =document.getElementById('check3'); |
| 21 style = element.style; |
| 22 style.borderImage = '1 / 2 / 3'; |
| 23 print_output(element) |
| 24 }); |
| 25 </script> |
| 26 <div id="check1"></div> |
| 27 <div id="check2"></div> |
| 28 <div id="check3"></div> |
OLD | NEW |