Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

CSS 2
Le texte

  Majuscules et minuscules

fonction  principe  la methode elle-meme  demonstration  telechargement de la methode  Compatibilite du script... a partir de : 

  Fonction
Lorsque vous faîtes des copier-coller de textes existants vers vos pages web, ceux-ci peuvent avoir une mise en forme de majuscules, de minuscules que vous ne souhaitez pas forcément conserver. Si vous voulez des titres en majuscules et des contenus en minuscules, vous avez à votre disposition une mé,thode pour que les transformations soient automatiques.
  Principe
Les feuilles de style incluent une propriété qui s'occupe de la casse des caractères : 'text-transform'.
Elle peut prendre trois valeurs :
  • uppercase : passe toutes les lettres en majuscules,
  • lowercase : passe toutes les lettres en minuscules,
  • capitalize : passe toutes les lettres initiales en majuscules, le reste en minuscules (non supporté par Netscape 4.x et Internet Explorer 5.x).
Attention : Netscape ne transforme pas en majuscules les caractères accentués.
  La méthode
dans la partie <head>
<style>
.maj { text-transform: uppercase; }
.min { text-transform: lowercase; }
.init { text-transform: capitalize; }
</style>

dans la partie <body>
Ceci EST Le texte De RéféReNce.

En majuscules :
<div class="maj">Ceci EST Le texte De RéféReNce.</div>

En minuscules :
<div class="min">Ceci EST Le texte De RéféReNce.</div>

Initiales en majuscule :
<div class="init">Ceci EST Le texte De RéféReNce.</div>
  Démonstration

Voir la démonstration
  Téléchargement
Cette feuille de style est disponible en deux versions :
  • le style est appliqué localement, dans la balise style de la page),
  • le style dans une feuille de style externe, commune à toutes les pages (fichier .css).

    L'intérêt d'une feuille de style est de pouvoir partager le style entre plusieurs liens de la page.
    		•
    Style local :
    txt_case.zip
    1 Ko    		 telechargez le style telechargez le style
    Feuille de style :
    txt_case2.zip
    1 Ko
    Recherche
    		aide sur la recherche
    DHTML
    HTML 4
    Javascript 1.3
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter