Lundi 8 Décembre 2008 Aujourd'hui, nous finirons la mis en forme du texte.

Présentation au sujet: "Lundi 8 Décembre 2008 Aujourd'hui, nous finirons la mis en forme du texte."— Transcription de la présentation:

1 Lundi 8 Décembre 2008 Aujourd'hui, nous finirons la mis en forme du texte

2 Alignement du texte La propriété text-align définit l'alignement horizontal du texte dans un élément. Elle peut prendre les valeurs left, center, right et justify. Quelques exemples d'utilisation : p {text-align: center;} droite {text-align: right;} Exercice Ecrivez un document XHTML doté d'une feuille de styles interne. Définissez les styles gauche, centre et droite et appliquez-les à trois paragraphes XHTML

3 Alignement du texte - solution.gauche {text-align: left;}.centre {text-align: center;}.droite {text-align: right;} Ce texte est aligné à gauche Ce texte est centré Ce texte est aligné à droite Ce texte de plusieurs lignes est justifié. L'espacement entre les mots est modifié pour que toutes les lignes soient justifiées simultanément à gauche et à droite.

4 Espacement entre les caractères L'espacement entre les caractères (aussi appelé crénage ou interlettrage) est contrôlé par la propriété letter-spacing : Letter-spacing: valeur; Où valeur est l'espace entre deux lettres, exprimé en pixels (px), millimètres (mm) ou points (pt). Exercice Ecrivez un document XHTML doté d'une feuille de styles interne. Définissez la taille des caractères (font-size) à 20pixels et un espacement entre les caractères de 5 pixels.

5 Espacement entre les caractères - Solution body {font-size: 20px;}.espacement {letter-spacing: 5px;} Caractères espacés de 5 pixels

6 Espacement entre les mots L'espacement entre les mots est contrôlé par la propriété word- spacing. word-spacing: valeur; Où valeur est l'espace entre deux mots, exprimé en pixels (px), millimètres (mm), points (pt), etc. Exercice Ecrivez un document XHTML doté d'une feuille de styles interne. Définissez la taille des caractères (font- size) à 20pixels et un espacement entre les caractères de 15 pixels.

7 Espacement entre les mots - Solution body {font-size: 20px;}.espmot {word-spacing: 15px;} Mots espacés de 15 pixels

8 Hauteur des lignes L'espacement entre les lignes est contrôlé par la propriété line-height. Line-height: valeur; Où valeur est le nombre d'interlignes entre deux lignes consécutives. Exercice Ecrivez un document XHTML doté d'une feuille de styles interne. Définissez la taille des caractères (font-size) à 15pixels et l'espacement entre les lignes de 4 interlignes.

9 Hauteur des lignes - Solution body {font-size: 15px;}.esplignes {line-height: 4;} Ce texte est affiché avec un interligne égal à 4. Les lignes apparaissent très espacées verticalement.