Comme pour letter-spacing la propriété word-spacing nous permet de définir la taille de l'espace, mais cette fois-ci entre les mots et non entre les lettres. les valeurs peuvent être exprimé en %, em, px, pt.. exemple : h1 {word-spacing: 12px;} résultat : phrase avec 12 pixels d'écart entre les mots
valdrikr
valdrikr
Ses blogs
Articles :
22
Depuis :
12/01/2011
Categorie :
Technologie & Science
Articles à découvrir
La propriété white-space définit comment le navigateur doit interpréter les espaces blancs. valeurs :- nowrap : pas de retour à la ligne. le texte continue même si il dépasse le bloc.- pre : le texte est affiché comme il a été écrit. (même fonction que la balise <pre>).- normal : les espaces blancs sont ignoré, donc le texte retourne
La propriété direction nous permet de définir le sens du texte(gauche à droite, droite à gauche). les valeurs sont :- ltr : de gauche à droite.- rtl : de droite à gauche.- inherit : hérité. exemple : p {direction: rtl;} cette propriété n'as pas beaucoup d'intérêt en français, mais elle peut être utile pour les langues qui se lisent d
Pour définir un texte en gras nous devons utiliser la propriété font-weight. les valeurs pouvant être appliqué sont : - 100 à 900 : par tranche de 100, ceci nous offre un éventails d'épaisseur de texte dont 100 sera le moins épais et 900 le plus gras(400 équivaut à la valeur par défaut et 700 équivaut à "bold").- normal : le texte ser
Letter-spacing définit la taille de l'espace entre les lettres de chaque mots. valeurs :- normal : valeur par défaut.- px : en pixels. - em : unité relative.- inherit : hériter de l'élément parent. note : la valeur peut être négative afin de réduire l'espace entre les lettres. exemple : .text1 {letter-spacing: 2px;} ce qui nous donne : mot
Pour définir le style d'une police de caractères nous devons utiliser la propriété font-style. les valeurs pouvant être appliqué sont :- normal : pas de style (valeur par défaut).- italic : texte en italique.- oblique : texte en oblique.- inherit : le texte hérite de la valeur de l'élément parent. exemples : <!doctype html public "-//w3c/
Avec la propriété border-style, nous pouvons ajouter des bordures à nos texte. ce type de bordure n'est pas seulement utilisé pour les tableaux mais peut aussi être ajouter à des paragraphes, division, etc. il existe plusieurs style de bordure dont voici une liste : - dotted: bordure en pointillé.- dashed: bordure avec des traits.- solid: bo
La propriété font-variant nous permet d'afficher un texte en petites lettres capitales. mais attention, toutes les polices n'ont pas cette variante de lettre. exemple p.class1 {font-variant : small-caps;} texte en small-caps texte sans font variant les valeurs pouvant être appliqué sont :- normal : lettres normal (valeur par défaut)- small-cap
Pour définir la taille d'un texte il faut utiliser la propriété font-size. vous pouvez indiquer la taille en pixels, mais certaine webmasters préfèrent d'utiliser une taille relative comme les "em", car cette unité s'adapte à la configuration du navigateur du visiteur au contraire de l'unité 'px'. vous pouvez également définir la taille e
Pour définir la police de caractères nous devons utiliser la propriété "font-family" : exemple : body {font-family : verdana, arial, 'trebuchet ms', sans-serifs;} comme vous le voyez, ont peut insérer plusieurs police de caractères dans une même propriété. comme cela si le visiteurs n'a pas la première police de caractères, la seconde se