/ Code Css text-decoration-style | Résultat du code Css text-decoration-style | Copie d'écran / J'ai vu une erreur dans cette page

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

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

.text-decoration{  : overline }
.exemple-text-style-solid{  : solid }
.exemple-text-style-double{  : double }
.exemple-text-style-dotted{  : dotted }
.exemple-text-style-dashed{  : dashed }
.exemple-text-style-wavy{  : 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>

Interprétation du code de la propriété text-decoration-style CSS par votre navigateur.

Lien sans text-decoration-style Lien avec text-decoration-style : double
text-decoration-style : dotted
text-decoration-style : double
text-decoration-style : dotted
text-decoration-style : dashed
text-decoration-style : wavy
Abbr sans text-decoration-style Abbr avec text-decoration-style : wavy

Interprétation normale du code de la propriété CSS text-decoration-style (copie d'écran).

copie d'écran de l'affichage de la propriété CSS text-decoration-style