Décoration de Texte CSS

Comment créer un texte surligné ou souligné en html?
Je veux avoir un texte/mot barré. Comment créer un texte clignotant et souligné en html ?

Explication


Propriété :

Décoration de Texte
Usage:
text-decoration: underline;
text-decoration: overline;
text-decoration: line-through;
text-decoration: blink;

Définition:
On peut décorer notre texte avec cette attribution. On peut faire que les mots clignotent, barrés, etc...
Il se présente avec les valeurs suivantes.
a)underline : Vous pouvez souligner le texte ou le mot en utilisant cette valeur.
b)overline : Vous pouvez mettre une ligne au dessus du texte ou mot avec cette valeur.
c)line-through : Vous pouvez passer à travers le texte ou le mot avec cette valeur.
d)blink : Vous pouvez faire que le texte clignote avec cette valeur.

Exemple 1:
<font style="text-decoration: underline;"> vérification de la décoration de texte </font>
Résultat:
vérification de la décoration de texte

Exemple 2:
<div style="text-decoration: overline;">vérification de la décoration de texte </div>
Résultat:
vérification de la décoration de texte

Exemple 3:
<h5 style="text-decoration:line-through;"> vérification de la décoration de texte </h5>
Résultat:
vérification de la décoration de texte

Exemple 4: [Il est possible que certaine version de navigateur plus ancienne ne supporte pas cette valeur]
<font style="text-decoration: blink;"> vérification de la décoration de texte</font>
Résultat:
vérification de la décoration de texte

Pour que le texte soit souligné, surligné, et clignote en même temps, on doit utiliser les valeurs comme le montre l'exemple ci-dessous. Voici, comment avoir un texte clignotant.
Exemple 5:
<font style="text-decoration: underline overline blink;"> vérification de la décoration de texte</font>
Résultat:
vérification de la décoration de texte

A Note

CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.


Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.

CSS Sujets