

#
#
#
サンプルコード
@media all and (any-pointer: none) {
p.sample {
background-color: #00a497; /*■*/
text-decoration: underline dotted;
}
}
@media all and (any-pointer: coarse) {
p.sample {
background-color: #e198b4; /*■*/
text-decoration: underline wavy;
font-style: italic;
}
}
@media all and (any-pointer: fine) {
p.sample {
background-color: #fabf14; /*■*/
text-decoration: underline dashed;
font-weight: bold;
}
}
<p class="sample">
夏の帽額のあざやかなる、簾の外の高欄のわたりに、いとをかしげなる猫の、赤き首綱に白き札つきて、碇の緒くひつきて引きありくもなまめいたり。
</p>
夏の帽額のあざやかなる、簾の外の高欄のわたりに、いとをかしげなる猫の、赤き首綱に白き札つきて、碇の緒くひつきて引きありくもなまめいたり。