!-- phpmyvisites -->

HTML

Liste des tags CSS

TAGS DESCRIPTION
backgroundraccourci pour les différentes propriétés d'arrière-plan
P {background: image.gif fixed repeat;}
background-attachmentspécifie si l'image d'arrière-plan reste fixe avec les déplacements de l'écran
scroll ou fixed
body {background-image: image.gif;}
background-colordéfinit la couleur de l'arrière-plan
couleur (par exemple en hexadécimal) ou transparent
H1 {background-color: #000000;}
background-imagedéfinit l'image de l'arrière-plan
URL de l'image
body{background-image: image.gif;}
background-positionspécifie la position de l'image d'arrière-plan par rapport au coin
supérieur gauche de la fenêtre
{1, 2;}{top ou center ou bottom, left ou center ou right;} ou en points (pt), inches (in), centimètres (cm), pixels (px)
ou pourcentage (%)
background-repeatdéfinit la façon de répéter l'image d'arrière-plan
repeat ou no-repeat ou repeat-x (x = nombre de répétitions horizontales) ou
repeat-y (y = nombre de répétitions verticales
P {background-image: image.gif;}
borderregroupe toutes les propriétés des bords
padding-top
valeur de remplissage haut entre l'élément et le bord
en points (pt), inches (in), centimètres (cm), pixels (px)
ou pourcentage (%)
H3 {padding-top: 3px;}
border-bottom-widthdonne l'épaisseur du bord inférieur; thin ou medium ou thick ou spécifié par l'auteur
H3 {border-bottom-width: thick;}
border-left-widthdonne l'épaisseur du bord gauche
thin ou medium ou thick ou spécifié par l'auteur
H3 {border-left-width: 0.5cm;}
border-right-widthdonne l'épaisseur du bord droit
thin ou medium ou thick ou spécifié par l'auteur
H3 {border-right-width: medium;}
border-styledétermine le style du trait de la bordure
none ou solid ou dotted ou dashed ou double
ou groove ou ridge ou inset ou outset
{border-style: solid dashed;}
border-widthregroupe les différentes propriétés de border-width
border-color
détermine la couleur de la bordure
H3 {border-color: yellow;}
colordéfinit la couleur du texte
par exemple en hexadécimal
H3 {color: #000080;}
fontraccourci pour les différentes propriétés de police
P {font: bold italic;}
font-familydéfinit un nom de police ou une famille de police
police précise (Arial, Times, Helvetica...) ou famille (serif, sans-serif, cursive, fantasy, monospace)
H3 {font-family: Arial;}
font-sizedéfinit la taille de la police
xx-small ou x-small ou small ou médium ou large ou x-large ou xx-large ou larger ou smaller ou taille précise en points (pt), inches (in), centimètres (cm), pixels (px) ou pourcentage (%)
P {font-size: 12pt;}
font-styledéfinit le style de l'écriture
normal ou italique ou oblique
H3 {font-style: italic;}
font-variantdéfinit une variante par rapport à la normale
normal ou small-caps
P {font-variant: small-caps;}
font-weightdéfinit l'épaisseur de la police
normal ou bold ou bolder ou lighter ou valeur numérique soit
(100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900)
P {font-weight: bold;}
heightdétermine la hauteur d'un élément de texte ou d'une image
en points (pt), inches (in), centimètres (cm), pixels (px)
ou pourcentage (%)
H1 {heigh: 100px;}
letter-spacingdéfinit l'espace entre les lettres
spécifié en points (pt), inches (in), centimètres (cm), pixels (px)
ou pourcentage (%)
P {letter-spacing: 2pt;}
line-heightdéfinit l'interligne soit l'espace entre les lignes du texte
en points (pt), inches (in), centimètres (cm), pixels (px)
ou pourcentage (%)
P {line-height: 10pt;}
list-styleregroupe toutes les propriétés de liste
list-style-imagepermet de remplacer les puces par une image
url ou none
OL {list-style-image: image.gif;}
list-style-positionspécifie si les puces sont à l'intérieur ou à l'extérieur du texte
inside ou outside
UL {list-style-position: inside;}
marginregroupe les différentes propriétés de la marge
border-top-width
donne l'épaisseur du bord supérieur
thin ou medium ou thick ou spécifié par l'auteur
H3 {border-top-width: thin;}
margin-bottomdétermine la valeur de la marge inférieure
en unité de longueur ou auto
{margin-bottom: 5px;}
margin-leftdétermine la valeur de la marge gauche
en unité de longueur ou auto
{margin-left: 5px;}
margin-rightdétermine la valeur de la marge droite
en unité de longueur ou auto
{margin-right: 5px;}
margin-topdétermine la valeur de la marge supérieure
en unité de longueur ou auto
{margin-top: 5px;}
paddingregroupe les différentes propriétés de remplissage
list-style-type détermine le type de puces ou de numérotation
disc ou circle ou square - decimal ou lower-roman ou upper-roman ou lower-alpha ou upper-alpha
OL {list-style-type: square;}
padding-bottomvaleur de remplissage bas entre l'élément et le bord
en points (pt), inches (in), centimètres (cm), pixels (px)
ou pourcentage (%)
H3 {padding-bottom: 3px;}
padding-leftvaleur de remplissage gauche entre l'élément et le bord
en points (pt), inches (in), centimètres (cm), pixels (px)
ou pourcentage (%)
H3 {padding-left: 3px;}
padding-rightvaleur de remplissage droite entre l'élément et le bord en points (pt), inches (in), centimètres (cm), pixels (px) ou pourcentage (%)
H3 {padding-right: 3px;}
text-aligndéfinit l'alignement du texte : left ou center ou right
H1 {text-align: center;}
text-decorationdéfinit une décoration (?) du texte, soit barré, clignotant, etc.
blink ou underline ou line-through ou overline ou none
A:visited {text-decoration: blink;}
text-indentdéfinit un retrait dans la première ligne d'un bloc de texte. Souvent utilisé avec une unité spécifié en inches (in) ou en centimètres (cm) ou en pixels (px)
P {text-indent: 1cm;}
text-transformdéfinit la casse du texte (majuscule, minuscule)
uppercase (met les caractères en majuscules) ou lowercase (met les caractères en minuscules) ou capitalize (met le premier caractère en majuscule)
P {text-transform: uppercase;}
white-spaceespace ou blanc, normal ou pre ou nowrap
PRE {white-space: pre;}
widthdétermine la longueur d'un élément de texte ou d'une image en points (pt), inches (in), centimètres (cm), pixels (px) ou pourcentage (%)
H1 {width: 200px;}
word-spacingdéfinit l'espace entre les mots en points (pt), inches (in), centimètres (cm), pixels (px) ou pourcentage (%)
P {word-spacing: 5pt;}
© Site perso de Bernard Jomain — Paris 5e