Dépannage informatique à domicile NCT Micro
  Cliquez ici pour vous abonner à ce flux RSS  

text

text-alignnone, left, right, center, justify, normal
text-decorationnone, underline, overline, blink, line-throught
text-transformnone, uppercase (majuscule), lowercase (minuscule)

Exemple avec text:

Un texte centré dans le conteneur.
Celui-ci est souligné dessus et dessous.
Le mot suivant s'écrit en, majuscule.

Codage CSS de l'exemple:

#texte {
width:500px;
height: 300px;
background-color: yellow;
font-family: Arial, Courrier New;

/* le texte est aligné au centre */
text-align: center;
/* le texte reçoit une décoration dessus et dessous */
text-decoration: underline overline;
}

#textemajuscule {
/* le mot est transformé en majuscule avec la propriète uppercase */
text-transform: uppercase;
}

Code HTML pour afficher le style CSS

<html>
< head>
< style type="text/css"> @import url(style/background.css);</style>
< /head>
< body>
<div id="texte">Un texte centré dans le conteneur.<br/>Celui-ci est souligné dessus et dessous.<br/>Le mot suivant s'écrit en, <span id="textemajuscule">majuscule</span>.</div>
< /body>
< /html>