borders-006-ref.html (695B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 .box { 5 height: 80px; 6 margin-bottom: 10px; 7 border: 10px solid hotpink; 8 background: yellow; 9 } 10 .skip-start { 11 border-left: none; 12 } 13 .skip-end { 14 border-right: none; 15 } 16 </style> 17 <p>There should be a yellow box that starts in the first column and ends in the 18 third. The block-start border should be in the first column, and the block-end 19 border should be in the third.</p> 20 <div class="box skip-end" style="width:90px;"></div> 21 <div class="box skip-start skip-end" style="width:100px;"></div> 22 <div class="box skip-start" style="width:60px;"></div>