Propriété "Text-decoration"

 

Cette propriété permet de choisir un texte tout en minuscules ou tout en majuscules, ou encore la première lettre seulement de chaque mot en majuscules. Cette propriété ne bénéficie pas des règles d'héritage. (quoique !)

 

Code dans HEAD

<STYLE type="text/css">

body , p { font-family: arial, verdana, sans-serif ; font-size: 10pt ; color: black ; background-color: #FFFFFF ; }

.dessus {text-decoration: overline ; }

.barre {text-decoration: line-through ; }

.dessous {text-decoration: underline ; }

.clignote {text-decoration: blink ; }

.tout { text-decoration:underline overline ; }

.none {text-decoration: none ; }

</STYLE>

 

Les valeurs applicables sont :

overline = souligné dessus

line-through = barré

underline = souligné dessous

blink = clignote (avec Netscape et Firefox)

none = soulignement annulé et valeur par défaut

 

Codes dans BODY d'après classes dans HEAD

<p class="dessus"> R&eacute;alis&eacute; avec la propri&eacute;t&eacute; &quot;Text-decoration&quot; et la valeur &quot;overline&quot;.&nbsp;</p>
et idem pour tous en adaptant la classe.

Exemples

 

Réalisé avec la propriété "Text-decoration" et la valeur "overline". 

 

Réalisé avec avec la propriété "Text-decoration" et la valeur "line-trough". 

 

Réalisé avec avec la propriété "Text-decoration" et la valeur "underline".

 

Réalisé avec avec la propriété "Text-decoration" et la valeur "link".

 

Réalisé avec la propriété "Text-decoration" et les valeurs "overline underline".

 

---

 

Une taille de "font-size:16pt" est ajoutée dans le source de la page, aux valeurs sélectionnées, pour mieux visualiser les résultats.

- La valeur "BLINK" est donnée pour mémoire, car pour l'instant seul Netscape la prend en compte.

- La valeur "none" qui annule le soulignement, en particulier des liens hypertexte, est mise en pratique page 19b.