aide gratuite page perso Accueil  | Internet | Informatique | Créer sa page persoGlossaireMenu | CSS
www.aidenet.com

 

CSS
Feuilles de style
"text-transform"
majuscules / minuscules

Page - 07d  www.aidenet.com

 

Lowercase , Uppercase, Capitalize

Propriété "Text-transform"

Cette propriété "text-transform" pour 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é "text-transform" bénéficie des règles d'héritage.

 

Les valeurs applicables sont :

None : cette valeur est sans effet sur le texte

Lowercase : toutes les lettres de chaque mot sont en minuscules

Uppercase : toutes les lettres de chaque mot sont en majuscules

Capitalize : lla première lettre de chaque mot seulement est en majuscule

 

Code dans HEAD

<STYLE type="text/css">

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

.mini { text-transform: lowercase ; }

.maxi { text-transform: capitalize ; }

.prem { text-transform: uppercase ; }

h2
{
word-spacing : 4mm ;
}

</STYLE>

 

Exemples

VOICI une phrase servant d'exemple en mode : none

VOICI une phrase servant d'exemple en mode : lowercase

VOICI une phrase servant d'exemple en mode : uppercase

VOICI une phrase servant d'exemple en mode : capitalize

 


 

Code dans BODY

La <span class="majus" > France </span>a des montagnes et des fleuves.<br>Il y en a aussi en <span class="majus" > Espagne.</span>


Résultat de l'exemple

La France a des montagnes et des fleuves.
Il y en a aussi en Espagne.


Sommaire CSS ... @ ... Text-decoration

 

 aide gratuite

Tous droits réservés © 1997- 2005. www. aidenet.com

 

validateur HTML  validateur CSS