Vous êtes sur la page 1sur 1

Boîtes

margin *

margin-top

margin-right

margin-bottom

margin-left

padding *

padding-top

padding-right

padding-bottom

padding-left

border *

border-top *

border-right *

border-bottom *

border-left *

border-color *

border-top-color

border-right-color

border-bottom-color

border-left-color

border-style *

border-top-style

border-right-style

border-bottom-style

border-left-style

border-width *

border-top-width

border-right-width

border-bottom-width

border-left-width

Positionnement

display

position

top

right

bottom

left

float

clear

z-index

direction

unicode-bidi

overflow

clip

visibility

Dimensions

width

min-width

max-width

height

min-height

max-height

line-height

vertical-align

Divers

content

quotes

counter-reset

counter-increment

marker-offset

list-style *

list-style-type

list-style-image

list-style-position

* : propriété raccourcie

Aide-mémoire CSS

* : propriété raccourcie Aide-mémoire CSS Syntaxe Modèle de boîte /*commentaires*/ @media {

Syntaxe

* : propriété raccourcie Aide-mémoire CSS Syntaxe Modèle de boîte /*commentaires*/ @media { sélecteur {

Modèle de boîte

/*commentaires*/

@media {

sélecteur {

propriété: valeurs;

}

}

(type de support optionnel)

Zone visible

width

valeurs; } } (type de support optionnel) Zone visible width height border padding m a r
valeurs; } } (type de support optionnel) Zone visible width height border padding m a r
valeurs; } } (type de support optionnel) Zone visible width height border padding m a r
valeurs; } } (type de support optionnel) Zone visible width height border padding m a r

height

border padding

margin

Zone visible width height border padding m a r g i n Sélecteurs Styles appliqués à:

Sélecteurs

Styles appliqués à:

padding m a r g i n Sélecteurs Styles appliqués à: * Tous les éléments div

*

Tous les éléments

div

<div>

appliqués à: * Tous les éléments div <div> div * Eléments dans <div> div span <span>

div

*

Eléments dans <div>

div

span

<span> dans <div>

<div> div span <span> dans <div> div, span <div> et <span> div > span

div, span

<div> et <span>

div

> span

<span> dont le parent direct est <div>

span <span> dont le parent direct est <div> div + span <span> précédé par <div>

div

+ span

<span> précédé par

<div>

</div>

.class

Eléments de classe "class"

</div> .class Eléments de classe "class" Unités div.class <div> de classe "class"

Unités

.class Eléments de classe "class" Unités div.class <div> de classe "class" #itemid

div.class

<div> de classe "class"

#itemid

Elément dont l'id est "itemid"

px

Pixels

Elément dont l'id est "itemid" px Pixels em 1em équivaut à la taille de police de

em

1em équivaut à la taille de police de l'élément père (idem que 100%)

ex

Hauteur d'un "x" minuscule

(idem que 100%) ex Hauteur d'un "x" minuscule div#itemid <div> dont l'id est "itemid"

div#itemid

<div> dont l'id est "itemid"

a[class]

<a> avec une classe

est "itemid" a[class] <a> avec une classe a[class='x'] <a> dont la classe est

a[class='x']

<a> dont la classe est "x"

a[class~='x']

<a> avec une liste de classes séparées par des espaces, dont l'une d'elles est "x"

par des espaces, dont l'une d'elles est "x" % Pourcentage in Pouces cm Centimètres mm Millimètres

%

Pourcentage

in

Pouces

d'elles est "x" % Pourcentage in Pouces cm Centimètres mm Millimètres pt 1pt = 1/72in pc

cm

Centimètres

mm

Millimètres

% Pourcentage in Pouces cm Centimètres mm Millimètres pt 1pt = 1/72in pc 1pc = 12pt

pt

1pt = 1/72in

pc

1pc = 12pt

Centimètres mm Millimètres pt 1pt = 1/72in pc 1pc = 12pt a[lang|='en'] <a> dont la langue

a[lang|='en']

<a> dont la langue commence par "en"

<a> dont la langue commence par "en" #789abc Notation héxa. RVB #acf Equivaut à

#789abc

Notation héxa. RVB

#acf

Equivaut à "#aaccff"

Notation héxa. RVB #acf Equivaut à "#aaccff" rgb(0,25,50) Valeur (de 0 à 255) de rouge, de

rgb(0,25,50)

Valeur (de 0 à 255) de rouge, de vert et de bleu. Des pourcentages peuvent aussi être utilisés

0

La valeur nulle ne requiert pas d'unité

utilisés 0 La valeur nulle ne requiert pas d'unité Pseudo-classes et pseudo-éléments Styles appliqués à:

Pseudo-classes et pseudo-éléments

Styles appliqués à:

Pseudo-classes et pseudo-éléments Styles appliqués à: :first-child Premier enfant de l'élément :first-line

:first-child

Premier enfant de l'élément

:first-line

Première ligne de l'élément

:first-line Première ligne de l'élément :first-letter Première lettre de l'élément :hover

:first-letter

Première lettre de l'élément

:hover

Elément survolé

Première lettre de l'élément :hover Elément survolé Propriétés qui héritent azimuth list-style :active

Propriétés qui héritent

azimuth

list-style

survolé Propriétés qui héritent azimuth list-style :active Elément activé :focus Elément avec le focus

:active

Elément activé

:focus

Elément avec le focus

:active Elément activé :focus Elément avec le focus border-collapse list-style-image border-spacing

border-collapse

list-style-image

border-spacing

list-style-position

list-style-image border-spacing list-style-position :link Lien non-visité :visited Lien visité caption-side

:link

Lien non-visité

:visited

Lien visité

:link Lien non-visité :visited Lien visité caption-side list-style-type color orphans :lang(x) Elément

caption-side

list-style-type

color

orphans

Lien visité caption-side list-style-type color orphans :lang(x) Elément de langue "x" cursor page

:lang(x)

Elément de langue "x"

color orphans :lang(x) Elément de langue "x" cursor page direction page-break-inside Types de support

cursor

page

direction

page-break-inside

langue "x" cursor page direction page-break-inside Types de support (@media) empty-cells quotes font speak all

Types de support (@media)

page direction page-break-inside Types de support (@media) empty-cells quotes font speak all projection braille screen

empty-cells

quotes

font

speak

all

projection

(@media) empty-cells quotes font speak all projection braille screen embossed speech font-family speak-header

braille

screen

embossed

speech

font speak all projection braille screen embossed speech font-family speak-header font-stretch text-align handheld

font-family

speak-header

font-stretch

text-align

speech font-family speak-header font-stretch text-align handheld tty print tv font-size text-indent font-size-adjust

handheld

tty

print

tv

speak-header font-stretch text-align handheld tty print tv font-size text-indent font-size-adjust text-transform

font-size

text-indent

font-size-adjust

text-transform

tv font-size text-indent font-size-adjust text-transform font-style volume font-variant white-space font-weight

font-style

volume

font-variant

white-space

text-transform font-style volume font-variant white-space font-weight widows letter-spacing word-spacing line-height

font-weight

widows

letter-spacing

word-spacing

white-space font-weight widows letter-spacing word-spacing line-height Pagination size marks page-break-before

line-height

Pagination

size

marks

page-break-before

page-break-after

page-break-inside

page

orphans

windows

Couleur / Arrière-plan color

* background

background-color

background-image

background-repeat

background-attachment

background-position

Polices

* font

font-family

font-style

font-variant

font-weight

font-stretch

font-size

font-size-adjust

Texte

text-indent

text-align

text-decoration

text-shadow

letter-spacing

word-spacing

text-transform

white-space

Tableaux

caption-side

table-layout

border-collapse

border-spacing

empty-cells

speak-header

Interface

cursor

* outline

outline-width

outline-style

outline-color

Oral

volume

speak

* pause

pause-before

pause-after

* cue

cue-before

cue-after

play-during

azimuth

elevation

speech-rate

voice-family

pitch

pitch-range

stress

richness

speak-punctuation

speak-numeral

Version 1.1 (9 mai 2005) Adresse : http://goetzilla.info/index.php/2005/05/08/4-aide-memoire-css Original : http://www.ilovejackdaniels.com/css/css-cheat-sheet/