Exemple de code de la propriété CSS text-decoration-style.

<style type="text/css">
.exemple{ display:block; margin:10px }

.text-decoration{ text-decoration : overline }
.exemple-text-style-solid{ text-decoration-style : solid }
.exemple-text-style-double{ text-decoration-style : double }
.exemple-text-style-dotted{ text-decoration-style : dotted }
.exemple-text-style-dashed{ text-decoration-style : dashed }
.exemple-text-style-wavy{ text-decoration-style : wavy; }
</style>
<a class="exemple" href="?">Lien sans text-decoration-style</a>
<a class="exemple exemple-text-style-double" href="?"> Lien avec text-decoration-style : double </a>
<div class="exemple text-decoration exemple-text-style-dotted"> text-decoration-style : dotted </div>
<div class="exemple text-decoration exemple-text-style-double"> text-decoration-style : double </div>
<div class="exemple text-decoration exemple-text-style-dotted"> text-decoration-style : dotted </div>
<div class="exemple text-decoration exemple-text-style-dashed"> text-decoration-style : dashed </div>
<div class="exemple text-decoration exemple-text-style-wavy"> text-decoration-style : wavy </div>
<abbr title="Abréviation" class="exemple"> Abbr sans text-decoration-style  </abbr>
<abbr title="Abréviation" class="exemple exemple-text-style-wavy"> Abbr avec text-decoration-style : <span>wavy</span> </abbr>