Comment Ca Marche - Communauté informatique  
   
Accueil - Encyclopédie informatiqueTélécharger l'encyclopédieContribuer à cet article

HTML 4.0 - Liste des propriétés

Propriétés CSS Encyclopédie


Propriétés de polices

Propriété Valeur Description
font-family Police précise (Arial, Times, Verdana)
Famille (serif, sans-serif, fantasy, monospace, cursive)
Définit un ou plusieurs nom de polices ou de familles de polices. Si plusieurs polices sont définies, la première trouvée sur le système de l'utilisateur sera utilisée.
font-style normal, italic, oblique Définit le style d'écriture
font-weight lighter, normal, bold ou bolder.
valeur numérique (100, 200, 300, 400, 500, 600, 700, 800, 900)
Définit la graisse (épaisseur) de la police
font-size xx-small, x-small, small, medium, large, x-large, xx-large
taille en points (pt), cm, %
Définit la taille de la police
font-variant normal, small-caps Définit une variante (petites majuscules)
font font: Verdana, Arial, bold italic 8px; Raccourci permettant de mettre toutes les propriétés

Texte et paragraphes

Propriété Valeur Description
color "#RRGGBB" Définit la couleur du texte
line-height line-height: 12pt; Définit l'interligne
text-align left, center, right ou justify Définit l'alignement du texte
text-indent text-indent: 5px; Définit l'indentation (retrait du texte)
text-decoration blink (clignotement), underline (souligné), line-through (barré), overline (surligné) ou none (aucune décoration) Définit une décoration
text-shadow text-shadow: 1px 2px 4px black; Définit l'ombrage texte, respectivement décalage à droite, en bas, rayon de l'effet de flou et couleur.
text-transform uppercase (majuscule), lowercase (minuscule) ou capitalize (première lettre en majuscule) Définit la casse du texte
white-space normal (passage à la ligne automatique), pre (idem saisie), nowrap (pas de passage à la ligne automatique) Césure
word-spacing word-spacing: 6px; Définit l'espacement des mots
width En points (pt), pouces (in), en cm, en pixels (px), ou en % Définit la longueur d'un élément de texte ou d'une image
height En points (pt), pouces (in), en cm, en pixels (px), ou en % Définit la hauteur d'un élément de texte ou d'une image

Couleurs et arrière plan

Propriété Valeur Description
background-color "#RRGGBB" Définit la couleur d'arrière plan
background-image url(http://url) Définit l'image d'arrière-plan
background-repeat repeat, repeat-x, repeat-y, no-repeat Définit la façon de répéter l'arrière-plan
background-attachment scroll, fixed Spécifie si l'image reste fixe avec les déplacements de l'écran
background-position top, middle, bottom, left, center ou right Position de l'image par rapport au coin supérieur gauche
background background: url(test.jpg) fixed repeat; Raccourci pour les propriétés d'arrière-plan

Marges

Propriété Exemple Description
margin-top margin-top: 5px; Valeur de la marge supérieure
margin-right margin-right: 0.5em; Valeur de la marge de droite
margin-bottom margin-bottom: 2pt; Valeur de la marge inférieure
margin-left margin-left: 0; Valeur de la marge de gauche
margin margin: 5px 0.5em 2pt 0; Raccourci pour les propriétés de marge

Bordures

Propriété Valeur Description
border[-top -left -bottom -right]-width En points (pt), pouces (in), en cm, en pixels (px), ou en % Epaisseur de la bordure [supérieure, de gauche, inférieure ou de droite]
border[-top -left -bottom -right]-color border-left-color: #RRGGBB; Couleur de la bordure [supérieure, de gauche, inférieure ou de droite]
border[-top -left -bottom -right]-style solid (pleine), dashed (en tirets), dotted (en pointillés), double (double et remplie) ou ridge (en 3D) Style de la bordure [supérieure, de gauche, inférieure ou de droite]
border-collapse collapse
separate
Effet » 3D » ou non
border border: 1px 0 0 2px dotted green; Raccourci global les propriétés de bordure

Espaces intérieurs

Propriété Valeur Description
padding-top padding-top: 3px; Espace intérieur entre l'élément et la bordure supérieure
padding-right padding-right: 0.25em; Espace intérieur entre l'élément et la bordure droite
padding-bottom padding-bottom: 0; Espace intérieur entre l'élément et la bordure inférieure
padding-left padding-left: 2pt; Espace intérieur entre l'élément et la bordure gauche
padding padding: 3px 0.25em 0 2pt; Raccourci vers l'ensemble des propriétés d'espace intérieur

Tableaux

Propriété Valeur Description
border-collapse separate ou collapse Fusion des bordures des cellules (collapse) ou non (separate)
border-spacing border-spacing: 4px; Espacement des cellules
caption-side top, bottom, left ou right Positionnement de la légende du tableau
empty-cells show ou collapse Affichae (show) ou masquage (collapse) des cellules vides
table-layout fixed (indépendamment du contenu des cellules) ou auto (selon le contenu des cellules) Largeur fixe ou variable
speak-headers alwats (systématiquement avant chaque cellule) ou once (une seule fois) Propriété pour sourds et malentendants indiquant le comportement lors de la lecture des cellules d'en-tête d'un tableau

Listes

Propriété Valeur Description
list-style-type decimal, upper-roman, lower-latin, disc, circle, square ou none Type de puces et de numérotation
list-style-image list-style-image: url(image.png); Permet de personnaliser les puces avec une image
list-style-position inside ou outside Spécifie le retrait des puces
list-style   Raccourci vers les propriétés de liste

Mise en page

Propriété Valeur Description
@page @page(size: portrait) Définit la mise en page de l'impression
size auto, landscape ou portrait Format de l'impression
margin-top margin-top: 3 cm; Marge supérieure
margin-right margin-right: 1.5 cm; Marge de droite
margin-bottom margin-right: 1 cm; Marge inf&eacvute;rieure
margin-left margin-left: 2 cm; Marge de gauche
marks crop (traits de coupe), cross (repère de montage), none (pas de marque) Traits de coupe et repères de montage
page-break-before Always, avoid Force le saut de page avant un élément
page-break-after Always, avoid Force le saut de page après un élément
orphans orphans: 2; Evite les lignes orphelines en fin de page. Définit le nombre de ligne minimal à partir un renvoi en page suivante est effectué
widows widows: 1; Evite les lignes veuves en début de page. Définit le nombre de ligne minimal à partir un renvoi en page précédente est effectué

Trucs & astuces pertinents trouvés dans la base de connaissances

13/12 16h46 Définir une hauteur verticale et relative à un élément (Webmaster)
25/07 12h59 Outil! (CSS)
CSS propriete Plus d'astuces sur « CSS propriete »

Discussions pertinentes trouvées dans le forum

22/06 12h31 javascript dom propriété classe css [JAVASCRIPT-DOM] propriété classe CSS Webmastering 26/06 19h58->sixland2
03/08 10h17 css taille page css : taille de la page ? Webmastering 19/08 09h56->bg6229
18/11 14h25 css CSS ..... HELP ! ! ! ! Webmastering 18/11 16h30->Erdnax22
27/06 09h15 css html codes 2 css et html : problèmes de codes 2 ! sos Webmastering 30/06 10h07->bg6219
22/07 16h33 css site seule fois une css pour tout un site en une seule fois ? Webmastering 03/08 10h06->bg6216
28/09 16h07 css installer [css]comment l'installer? Jeux vidéos 23/10 14h31->pepergignn14
01/01 15h47 css ie firefox les CSS !!! IE!=FireFox Webmastering 03/01 14h00->Gihef14
14/06 16h19 html php css taille image [html/php ou CSS]taille d'image Webmastering 14/06 17h00->nauno12
11/10 15h09 html css site flexible. [Html&Css]site flexible. Webmastering 17/10 21h59->Ssylvainsab11
07/09 14h14 css aligner image bas droite [CSS] Aligner image en bas a droite Webmastering 08/09 16h10->StreM10
Discussion fermée Problème résolu CSS propriete Plus de discussions sur « CSS propriete »

Ce document intitulé « HTML 4.0 - Liste des propriétés » issu de l'encyclopédie informatique Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.