Pas encore inscrit ? Creez un Canalblog!

Créer mon blog
valdrikr

valdrikr

Ses blogs

Cours de CSS pour tous

Quelques leçons de CSS pour donner du style à vos pages web
valdrikr valdrikr
Articles : 22
Depuis : 12/01/2011
Categorie : Technologie & Science

Articles à découvrir

Word-spacing

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

White-space

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

Direction

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

Font-weight

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

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

Font-style

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/

Border-style

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

Font-variant

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

Font-size

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

Font-family

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