If your browser supports row-gap, border will be be dashed and text will be red
.box { border: 4px solid blue; color: blue; } @supports (row-gap: 10px) { .box { border: 4px dashed darkgreen; color: red; } }
<div class="box"> If your browser supports row-gap, border will be be dashed and text will be red </div>