table-collapsed-borders-paint-at-boundary-ref.html (1014B)
1 <!DOCTYPE html> 2 <style> 3 .multicol { 4 width: 500px; 5 height: 100px; 6 columns: 5; 7 column-fill: auto; 8 gap: 10px; 9 padding: 10px; 10 border: solid 3px; 11 } 12 </style> 13 <div class="multicol"> 14 <div style="background: dodgerblue; height: 150px;"></div> 15 <div style="height: 35px; border: solid 10px lime; border-bottom-width: 5px; margin-left: 2.5px; margin-right: 2.5px;"></div> 16 <div style="height: 95px; border: solid black; border-width: 0 10px 5px 15px; margin-right: 2.5px;"> 17 <div style="border-top: solid lime 5px;"></div> 18 </div> 19 <div style="height: 5px; background: black; border-right: solid blue 15px; margin-left: 2.5px;"></div> 20 <div style="height: 40px; border: solid blue; border-width: 0 15px 10px 10px; margin-left: 2.5px;"></div> 21 <div style="height: 40px; border: solid blue; border-width: 0 10px 5px 10px; margin-left: 2.5px; margin-right: 2.5px;"></div> 22 <div style="height: 70px; border: solid blue; border-width: 5px 10px 10px 10px; margin-left: 2.5px; margin-right: 2.5px;"></div>