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

 

Boîtes

Propriété Valeurs Exemple description
float left, right, none margin: left; Définit le flottement d'une boîte à gauche, à droite ou pas du tout.

 

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
  table { margin-left:auto; margin-right:auto; } Permet de centrer un tableau

 

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 yellow; Raccourci global les propriétés de bordure

 

Espaces intérieurs

Propriété Valeur description
padding-top padding-top: 5px; 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: 3pt; Espace intérieur entre l'élément et la bordure gauche
padding padding: 5px 0.25em 0 3pt; 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é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: 3; 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: 2; 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é

 

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.