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/
valdrikr
/https%3A%2F%2Fprofilepics.canalblog.com%2Fprofilepics%2F7%2F0%2F706525.jpg){kind=avatar}
valdrikr
Ses blogs
/https%3A%2F%2Fprofilepics.canalblog.com%2Fprofilepics%2F7%2F0%2F706525.jpg)
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
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
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
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
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
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 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
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
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