CSS STYLE - Massage, massage californien et relaxation, gestion du stress, reiki et détente du corps et de l'esprit

CSS : Cascading Style Sheets
Les styles permettent de définir l'apparences des tags HTML au travers des attributs class et style. Les styles sont stockées dans des feuilles de styles ayant comme extension ".css". Il est cependant possible de définir les styles dans la page web en incluant les classes dans les balises <style>. L'attribut style permet de définir directement dans un tag des styles qui seront prioritaires sur la classe utilisée.

Classification des styles :

Arrière Plan - background

background

.	description :	Propriété globale permettant de définir l'ensemble des caractéristiques du background en un bloc
.	valeurs :	background-color background-image background-repeat background-attachment background-position
.	CSS :	CSS1

background-attachment

.	description :	Détermine si l'image d'arrière plan est fixe ou se déplace avec le reste de la page en cas de scroll
.	valeurs :	scroll fixed
.	CSS :	CSS1

background-color

.	description :	Défini la couleur de fond d'un élément
.	valeurs :	color-rgb color-hex color-name transparent
.	CSS :	CSS1

background-image

.	description :	Défini une image d'arrière plan
.	valeurs :	url none
.	CSS :	CSS1

background-position

.	description :	Détermine la position de l'image utilisée en arrière plan
.	valeurs :	top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos
.	CSS :	CSS1

background-repeat

.	description :	Détermine si l'image est répétée et de quelle manière
.	valeurs :	repeat repeat-x repeat-y no-repeat
.	CSS :	CSS1

Police de caractères - Font

font

.	description :	Propriété globale permettant de définir l'ensemble des caractéristiques pour la police de caractères
.	valeurs :	font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar
.	CSS :	CSS1

font-family

.	description :	Liste déterminant par ordre de priorité la police à utiliser
.	valeurs :	family-name generic-family
.	CSS :	CSS1

font-size

.	description :	Défini la taille de la police
.	valeurs :	xx-small x-small small medium large x-large xx-large smaller larger length %
.	CSS :	CSS1

font-size-adjust

.	description :	Permet de définir une hauteur fixe pour la police utilisée
.	valeurs :	none number
.	CSS :	CSS2

font-stretch

.	description :	Permet de condenser ou d'élargir la police utilisée
.	valeurs :	normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded
.	CSS :	CSS2

font-style

.	description :	Défini le style de la police
.	valeurs :	normal italic oblique
.	CSS :	CSS1

font-variant

.	description :	Permet d'afficher le texte en petites majuscules ou de façon classique
.	valeurs :	normal small-caps
.	CSS :	CSS1

font-weight

.	description :	Défini l'épaisseur de la police
.	valeurs :	bold bolder lighter 100 200 300 400 500 600 700 800 900
.	CSS :	CSS1

Texte - Text

color

.	description :	Détermine la couleur du texte
.	valeurs :	color
.	CSS :	CSS1

direction

.	description :	Défini la direction du texte, de droite à gauche ou inversement
.	valeurs :	ltr rtl
.	CSS :	CSS2

letter-spacing

.	description :	Modifie l'espace entre les caractères
.	valeurs :	normal length
.	CSS :	CSS1

text-align

.	description :	Défini l'alignement du texte dans un élément
.	valeurs :	left right center justify
.	CSS :	CSS1

text-decoration

.	description :	Permet d'utiliser des effets sur le texte, barré souligné ...
.	valeurs :	none underline overline line-through blink Publicité
.	CSS :	CSS1

text-indent

.	description :	Effectue un décalage sur la première ligne du texte
.	valeurs :	length %
.	CSS :	CSS1

text-shadow

.	description :
.	valeurs :	none color length
.	CSS :

text-transform

.	description :	Détermine l'affichage du texte en minuscule, majuscule ou lettres capitales
.	valeurs :	none capitalize uppercase lowercase
.	CSS :	CSS1

unicode-bidi

.	description :
.	valeurs :	normal embed bidi-override
.	CSS :	CSS2

white-space

.	description :	Défini l'interprétation d'un espace dans un élément
.	valeurs :	pre nowrap
.	CSS :	CSS1

word-spacing

.	description :	Augmente ou diminue l'espacement entre les mots
.	valeurs :	normal length
.	CSS :	CSS1

Classification

clear

.	description :	Détermine si des éléments flottants peuvent être présents autour de l'élément défini
.	valeurs :	left right both none
.	CSS :	CSS1

cursor

.	description :	Défini l'apparence du curseur de la souris
.	valeurs :	url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help
.	CSS :	CSS2

display

.	description :	Détermine si un élément est affiché, et de quelle manière
.	valeurs :	none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption
.	CSS :	CSS1

float

.	description :	Détermine dans quelle zone une image ou un texte apparaitra au sein d'un élément
.	valeurs :	left right none
.	CSS :	CSS1

position

.	description :	Détermine le type de positionnement d'un élément : position statique, relative, absolue ou fixe
.	valeurs :	static relative absolute fixed
.	CSS :	CSS2

visibility

.	description :	Détermine si un élément doit être ou non visible
.	valeurs :	visible hidden collapse
.	CSS :	CSS2

Dimensions - Height / Width

height

.	description :	Défini la hauteur d'un élément
.	valeurs :	auto length %
.	CSS :	CSS1

line-height

.	description :	Détermine la distance entre chaque ligne
.	valeurs :	normal number length %
.	CSS :	CSS1

max-height

.	description :	Défini la hauteur maximale d'un élément
.	valeurs :	none length %
.	CSS :	CSS2

max-width

.	description :	Défini la longueur maximale d'un élément
.	valeurs :	none length %
.	CSS :	CSS2

min-height

.	description :	Défini la hauteur minimale d'un élément
.	valeurs :	length %
.	CSS :	CSS2

min-width

.	description :	Défini la longueur minimale d'un élément
.	valeurs :	length %
.	CSS :	CSS2

width

.	description :	Défini la longueur d'un élément
.	valeurs :	auto % length
.	CSS :	CSS1

Contenu généré

f" />

content

.	description :	Utilisé avec les pseudo-éléments :before et :after pour le contenu généré
.	valeurs :	string url counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, list-style-type) attr(X) open-quote close-quote no-open-quote no-close-quote
.	CSS :	CSS2

counter-increment

.	description :	Défini la valeur d'incrémentation du sélecteur à chaque occurence de celui-ci pour la numéroation automatique
.	valeurs :	none identifier number
.	CSS :	CSS2

counter-reset

.	description :	Détermine la valeur d'initialisation du compteur à chaque occurence du sélecteur pour la numéroation automatique
.	valeurs :	none identifier number
.	CSS :	CSS2

quotes

.	description :	Détermine quel type de guillemet utiliser
.	valeurs :	none string string
.	CSS :	CSS2

Table

border-collapse

.	description :	Défini le type de bordure pour l'élément TABLE
.	valeurs :	collapse separate
.	CSS :	CSS2

border-spacing

.	description :	Sets the distance between the borders of adjacent cells (only for the separated borders model) length
.	valeurs :	length
.	CSS :	CSS2

caption-side

.	description :	Détermine la position de l'élément CAPTION par rapport à l'élément TABLE
.	valeurs :	top bottom left right
.	CSS :	CSS2

empty-cells

.	description :	Détermine la visibilité des bordures d'une cellule si le contenu de celle-ci est vide(only for the separated borders model)
.	valeurs :	show hide
.	CSS :	CSS2

table-layout

.	description :	Détermine l'algorithme à employer pour l'affichage d'un tableau
.	valeurs :	auto fixed
.	CSS :	CSS2

Bordure - Border

border

.	description :	Propriété globale permettant de définir l'ensemble des caractéristiques des quatre bordures en une déclaration
.	valeurs :	border-width border-style border-color
.	CSS :	CSS1

border-bottom

.	description :	Propriété globale permettant de définir les caractéristiques de la bordure inférieure en une déclaration
.	valeurs :	border-bottom-width border-style border-color
.	CSS :	CSS1

border-bottom-color

.	description :	Couleur de la bordure inférieure
.	valeurs :	border-color
.	CSS :	CSS2

border-bottom-style

.	description :	Détermine le style de la bordure inférieure
.	valeurs :	border-style
.	CSS :	CSS2

border-bottom-width

.	description :	Epaisseur de la bordure inférieure
.	valeurs :	thin medium thick length
.	CSS :	CSS1

border-color

.	description :	Propriété globale permettant de positionner la couleur des quatre bordures
.	valeurs :	color
.	CSS :	CSS1

border-left

.	description :	Propriété globale permettant de définir les caractéristiques de la bordure gauche en une déclaration
.	valeurs :	border-left-width border-style border-color
.	CSS :	CSS1

border-left-color

.	description :	Couleur de la bordure gauche
.	valeurs :	border-color
.	CSS :	CSS2

border-left-style

.	description :	Détermine le style de la bordure gauche
.	valeurs :	border-style
.	CSS :	CSS2

border-left-width

.	description :	Epaisseur de la bordure gauche
.	valeurs :	medium thick length
.	CSS :	CSS1

border-right

.	description :	Propriété globale permettant de définir les caractéristiques de la bordure droite en une déclaration
.	valeurs :	border-right-width border-style border-color
.	CSS :	CSS1

border-right-color

.	description :	Couleur de la bordure droite
.	valeurs :	border-color
.	CSS :	CSS2

border-right-style

.	description :	Détermine le style de la bordure droite
.	valeurs :	border-style
.	CSS :	CSS2

border-right-width

.	description :	Epaisseur de la bordure droite
.	valeurs :	thin medium thick length
.	CSS :	CSS1

border-style

.	description :	Propriété globale permettant de positionner le style des quatre bordures
.	valeurs :	none hidden dotted dashed solid double groove ridge inset outset
.	CSS :	CSS1

border-top

.	description :	Propriété globale permettant de définir les caractéristiques de la bordure supérieure en une déclaration
.	valeurs :	border-style border-color
.	CSS :	CSS1

border-top-color

.	description :	Couleur de la bordure supérieure
.	valeurs :	border-color
.	CSS :	CSS2

border-top-style

.	description :	Détermine le style de la bordure supérieure
.	valeurs :	border-style
.	CSS :	CSS2

border-top-width

.	description :	Epaisseur de la bordure supérieure
.	valeurs :	thin medium thick length
.	CSS :	CSS1

border-width

.	description :	Propriété globale permettant de positionner l'épaisseur des quatre bordures
.	valeurs :	thin medium thick length
.	CSS :	CSS1

Contour - Outline

outline

.	description :	Propriété globale permettant de définir le contour autour d'un élément
.	valeurs :	outline-color outline-style outline-width
.	CSS :	CSS2

outline-color

.	description :	Positionne la couleur du contour d'un élément
.	valeurs :	color invert
.	CSS :	CSS2

outline-style

.	description :	Détermine le style du contour d'un élément
.	valeurs :	none dotted dashed solid double groove ridge inset outset
.	CSS :	CSS2

outline-width

.	description :	Détermine l'épaisseur du coutour d'un élément
.	valeurs :	thin medium thick length
.	CSS :	CSS2

Marge - Margin

margin

.	description :	Propriété globale permettant de définir la marge autour d'un élément
.	valeurs :	margin-top margin-right margin-bottom margin-left
.	CSS :	CSS1

margin-bottom

.	description :	Valeur de la marge inférieure d'un élément
.	valeurs :	auto length %
.	CSS :	CSS1

margin-left

.	description :	Valeur de la marge gauche d'un élément
.	valeurs :	auto length %
.	CSS :	CSS1

margin-right

.	description :	Valeur de la marge droite d'un élément
.	valeurs :	auto length %
.	CSS :	CSS1

margin-top

.	description :	Valeur de la marge supérieure d'un élément
.	valeurs :	auto length %
.	CSS :	CSS1

Espace Intérieur - Padding

padding

.	description :	Propriété globale permettant de définir l'espace intérieur au niveau d'un élément
.	valeurs :	padding-top padding-right padding-bottom padding-left
.	CSS :	CSS1

padding-bottom

.	description :	valeur de l'espace intérieur bas d'un élément
.	valeurs :	length %
.	CSS :	CSS1

padding-

left

.	description :	valeur de l'espace intérieur gauche d'un élément
.	valeurs :	length %
.	CSS :	CSS1

padding-right

.	description :	valeur de l'espace intérieur droit d'un élément
.	valeurs :	length %
.	CSS :	CSS1

padding-top

.	description :	valeur de l'espace intérieur haut d'un élément
.	valeurs :	length %
.	CSS :	CSS1

Positionnement - Positionning

bottom

.	description :	distance entre le haut de la fenêtre et le bas de l'élément
.	valeurs :	auto % length
.	CSS :	CSS2

clip

.	description :	Détermine la forme d'un élément. L'élément est affiché dans cette forme
.	valeurs :	shape auto
.	CSS :	CSS2

left

.	description :	distance entre la gauche de la fenêtre et la partie la plus à gauche (coin haut-gauche) de l'élément
.	valeurs :	auto % length
.	CSS :	CSS2

overflow

.	description :	Détermine qu'elle action effectué lorsque le contenu d'un élément dépasse de son conteneur
.	valeurs :	visible hidden scroll auto
.	CSS :	CSS2

right

.	description :	distance entre la gauche de la fenêtre et la partie la plus à droite de l'élément
.	valeurs :	auto % length
.	CSS :	CSS2

top

.	description :	distance entre le haut de la fenêtre et le haut (coin haut-gauche) de l'élément
.	valeurs :	auto % length
.	CSS :	CSS2

vertical-align

.	description :	Détermine l'alignement vertical d'un élément
.	valeurs :	baseline sub super top text-top middle bottom text-bottom length %
.	CSS :	CSS1

z-index

.	description :	Détermine la priorité d'affichage des éléments en cas de superposition
.	valeurs :	auto number
.	CSS :	CSS2

Liste / Marqueur - List / Marker

list-style

.	description :	Propriété globale permettant de définir les propriétés de l'élément liste
.	valeurs :	list-style-type list-style-position list-style-image
.	CSS :	CSS1

list-style-image

.	description :	Permet de définir une image au niveau du marqueur liste
.	valeurs :	none url
.	CSS :	CSS1

list-style-position

.	description :	Détermine l'emplacement ou sera affiché le marqueur de l'élément liste
.	valeurs :	inside outside
.	CSS :	CSS1

list-style-type

.	description :	Défini le type du marqueur de l'élément liste
.	valeurs :	none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha
.	CSS :	CSS1

marker-offset

.	description :
.	valeurs :	auto length
.	CSS :	CSS2

Impression - Printing

orphans

.	description :	Défini le nombre minimum de lignes qu'un paragraphe peut afficher en bas de page
.	valeurs :	number
.	CSS :	CSS2

marks

.	description :	Détermine quel type de marqueur utiliser en dehors de la zone d'impression page
.	valeurs :	none crop cross
.	CSS :

page

.	description :	Détermine le format de page à utiliser pour un élément donné
.	valeurs :	auto identifier
.	CSS :	CSS2

page-break-after

.	description :	Détermine si un saut de page doit être effectué après un élément
.	valeurs :	auto always avoid left right
.	CSS :	CSS2

page-break-before

.	description :	Détermine si un saut de page doit être effectué avant un élément
.	valeurs :	auto always avoid left right
.	CSS :	CSS2

page-break-inside

.	description :	Détermine si un saut de page doit être effectué à l'intérieur d'un élément
.	valeurs :	auto avoid
.	CSS :	CSS2

size

.	description :	Détermine la taille et le format de la page
.	valeurs :	auto portrait landscape
.	CSS :	CSS2

widows