TAG
CSS
Result
Run
License
<h1 class="text_decoration auto" data-type="auto">My grandfather</h1> <h1 class="text_decoration all" data-type="all">My grandfather</h1> <h1 class="text_decoration none" data-type="none">My grandfather</h1>
.text_decoration { text-decoration-line: underline; text-decoration-color: #FF0000; position: relative; &:is(.auto) { text-decoration-skip-ink: auto; } &:is(.all) { text-decoration-skip-ink: all; } &:is(.none) { text-decoration-skip-ink: none; } &::after { content: attr(data-type); font-size: 0.5em; font-weight: normal; position: absolute; inset-block-start: 0; color: orange; } }
Console
expand_less
License
License
by DevDic
Close