Les soulignements
Simulation : Éditeur de Soulignement
text-decoration-line : none;
text-decoration-color : red;
text-decoration-style : solid;
text-underline-offset : 0px;
-----------------------------
text-decoration : none red solid;
text-underline-offset : 0px;
Définition : Soulignement
Le soulignement peut se décomposer en plusieurs parties
Position
.p1 { text-decoration-line: none;} // aucun
.p2 { text-decoration-line: underline;} // sous
.p3 { text-decoration-line: overline;} // au-dessus
.p4 { text-decoration-line: line-through;} // au travers
.p5 { text-decoration-line: underline overline ;} // sous et au dessus
.p1 { text-decoration-line: none;} // aucun
.p2 { text-decoration-line: underline;} // sous
.p3 { text-decoration-line: overline;} // au-dessus
.p4 { text-decoration-line: line-through;} // au travers
.p5 { text-decoration-line: underline overline ;} // sous et au dessusCouleur
Forme
.p1 { text-decoration-style: solid;} // plein
.p2 { text-decoration-style: double;} // double
.p3 { text-decoration-style: dotted;} // points
.p4 { text-decoration-style: dashed;} // tirets
.p5 { text-decoration-style: wavy ;} // ondulé
.p1 { text-decoration-style: solid;} // plein
.p2 { text-decoration-style: double;} // double
.p3 { text-decoration-style: dotted;} // points
.p4 { text-decoration-style: dashed;} // tirets
.p5 { text-decoration-style: wavy ;} // onduléCombinaison
p { text-decoration: underline red wavy;} // soulignement rouge ondulé
a {text-decoration: none;}; // supprime le soulignement des ancres
p { text-decoration: underline red wavy;} // soulignement rouge ondulé
a {text-decoration: none;}; // supprime le soulignement des ancres<p>Généralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a été modifié), le Lorem ipsum ou Lipsum, qui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin est que l'opérateur sait au premier coup d'oeil que la page contenant ces lignes n'est pas valide, et surtout l'attention du client n'est pas dérangée par le contenu, il demeure concentré seulement sur l'aspect graphique.</p>
<p>Généralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a été modifié), le Lorem ipsum ou Lipsum, qui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin est que l'opérateur sait au premier coup d'oeil que la page contenant ces lignes n'est pas valide, et surtout l'attention du client n'est pas dérangée par le contenu, il demeure concentré seulement sur l'aspect graphique.</p>
Généralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a été modifié), le Lorem ipsum ou Lipsum, qui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin est que l'opérateur sait au premier coup d'oeil que la page contenant ces lignes n'est pas valide, et surtout l'attention du client n'est pas dérangée par le contenu, il demeure concentré seulement sur l'aspect graphique.
text-underline-offset : Permet de préciser la distance entre le texte et le soulignement (underline seulement).