H I O X INDIA
FREE CSS Tutorial
 ACCUEIL  ||  Scripts  ||  Tutoriels  ||  Images  english Español 中文 Deutsch

CSS Sujets
Introduction
Types
Background Propriétés
Propriétés du Texte
Propriétés de Police
Boîte Propriétés
Propriétés de la Frontière
Marge Propriétés
Rembourrages Propriétés
Special Topics
Demandez à vos Doutes
Feedback



Décoration de Texte CSS


Sujet

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.


privacy policy     license
© 2004-2009 HIOX INDIA - hioxindia.com