Пунктирное подчеркивание ссылки

dabblet.css

/**
 * Пунктирное подчеркивание ссылки
 */


       a {
	   color: #00e;
           text-decoration: none;
           background: linear-gradient(left, #00e, #00e 50%, transparent 50%) 0 100% repeat-x;
           background-size: 2px 1px;
       }
       a:hover {
           color: red;
           background: linear-gradient(left, red, red 50%, transparent 50%) 0 100% repeat-x;
       }

dabblet.html

<p>
    <a href="/">ссылка</a>
</p>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}