drag-image-table-part-decorations.html 1.3 KB

12345678910111213141516171819
  1. <!DOCTYPE HTML>
  2. <p>
  3. When dragging each of the black squares below, the drag image should include
  4. only the hollow black square, and no blue background.
  5. </p>
  6. <div style="background-color: blue; display: table; height: 100px; width: 100px;"></div>
  7. <div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; margin-bottom: 10px;"></div>
  8. <div style="background-color: blue; display: table-row; height: 100px;"><div style="width: 100px"></div></div>
  9. <div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; margin-bottom: 10px;"></div>
  10. <div style="background-color: blue; display: table-cell; height: 100px; width: 100px;"></div>
  11. <div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; margin-bottom: 10px;"></div>
  12. <fieldset style="background-color: blue; border: none; height: 100px; width: 100px;"><legend></legend></fieldset>
  13. <div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; "></div>
  14. <table style="border-collapse: collapse;"><tr><td style="border-bottom: 100px solid blue; width: 100px;"></td></tr></table>
  15. <div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; "></div>