К содержанию

Guide du CSS

Un guide CSS pratique, écrit dans un langage simple, avec des exemples. Contient l'essentiel, ainsi que les flexbox, les grilles, les animations, les dégradés, les transformations et toutes les fonctionnalités modernes !

L'essentiel

Propriété font-size

Propriété font-style

Propriété font-weight

Propriété line-height

Propriété font-family

La propriété font

Propriété text-indent

Propriété text-align

Césures

Propriété white-space

Propriété word-break

Propriété overflow-wrap

Propriété overflow

Propriété overflow-x

Propriété overflow-y

Propriété tab-size

Propriété text-overflow

Propriété hyphens

Propriété line-clamp

Couleur

Propriété color

Arrondi

Propriété border-radius

Propriété border-top-left-radius

Propriété border-top-right-radius

Propriété border-bottom-left-radius

Propriété border-bottom-right-radius

Contour

Propriété outline

Propriété outline-width

Propriété outline-style

Propriété outline-color

Propriété outline-offset

Ombres

Propriété text-shadow

Propriété box-shadow

Transparence

Propriété opacity

Propriété visibility

Dégradés

Fonction linear-gradient

Fonction radial-gradient

Fonction repeating-linear-gradient

Fonction repeating-radial-gradient

Rognage

Propriété clip

Propriété clip-path

Propriété mask

Propriété mask-position

Propriété mask-image

Propriété mask-mode

Propriété mask-size

Propriété mask-repeat

Propriété mask-origin

Propriété mask-clip

Propriété mask-composite

Image de bordure

Propriété border-image

Propriété border-image-source

Propriété border-image-slice

Propriété border-image-repeat

Propriété border-image-outset

Propriété border-image-width

Interaction avec la souris

Pseudo-élément selection

Propriété user-select - interdiction de sélection du texte

Propriété pointer-events

Propriété cursor

Style

La commande !important

La règle @media

La règle @supports

Commande import

Pseudo-classe default

Pseudo-classe fullscreen

Pseudo-classe in-range

Pseudo-classe indeterminate

Pseudo-classe invalid

Pseudo-classe optional

Pseudo-classe out-of-range

Pseudo-classe placeholder-shown

Pseudo-classe read-only

Pseudo-classe read-write

Pseudo-classe required

Pseudo-classe valid

Propriété caret-color

Pseudo-classe focus-within

Propriété scroll-behavior

Listes

Propriété list-style-type

Propriété list-style-position

Propriété list-style-image

Propriété list-style

Tableaux

Propriété border-collapse

Propriété border-spacing

Propriété empty-cells

Propriété table-layout

Liens

Pseudo-classe link

Pseudo-classe visited

Pseudo-classe hover

Pseudo-classe active

Formulaires

Pseudo-classe focus

Le pseudo-élément placeholder

Pseudo-classe checked

Pseudo-classe disabled

Pseudo-classe enabled

Dimensions

Propriété width

Propriété height

Propriété min-width

Propriété max-width

Propriété min-height

Propriété max-height

Marges

Propriété margin

Propriété margin-top

Propriété margin-bottom

Propriété margin-left

Propriété margin-right

Propriété padding

Propriété padding-top

Propriété padding-bottom

Propriété padding-left

Propriété padding-right

Propriété padding-block-end

Propriété padding-block-start

Propriété padding-inline-end

Propriété padding-inline-start

Divers

Propriété box-sizing

Propriété display

Propriété resize

Propriété aspect-ratio

Propriété object-fit

Calculs

Fonction calc

Fonction clamp

Fonction min

Fonction max

Unités de mesure

Unité px

Unité em

L'unité rem

Unité %

Unité fr

Unité vw

Unité vh pour les dimensions en CSS

Unité vmax

Unité vmin

Flexbox

Propriété flex-direction

Propriété justify-content

Propriété align-items

Propriété flex-wrap

Propriété flex-flow

Propriété align-self

Propriété order

Propriété flex-basis

Propriété flex-grow

Propriété flex-shrink

Propriété flex

Positionnement

Propriété position

Propriété z-index

Pseudo-élément backdrop

Propriété bottom

Propriété top

Propriété left

Propriété right

Propriété caption-side

Habillage

Propriété float

Propriété clear

Propriété shape-outside

Propriété shape-margin

Colonnes

Propriété column-count

Propriété column-rule

Propriété column-width

Propriété column-span

Propriété columns

Négation

Pseudo-classe not

Par position

Pseudo-classe first-child

Pseudo-classe last-child

Pseudo-classe nth-child

Pseudo-classe nth-last-child

Pseudo-classe only-child

Par type et position

Pseudo-classe first-of-type

Pseudo-classe last-of-type

Pseudo-classe nth-of-type

Pseudo-classe nth-last-of-type

Pseudo-classe only-of-type

Divers

Pseudo-classe empty

Pseudo-classe lang

Pseudo-classe target

Partie de texte

Pseudo-élément first-letter

Pseudo-élément first-line

Transitions fluides

Propriété transition-duration

Propriété transition-delay

Propriété transition-property

Propriété transition-timing-function

Propriété transition

Animation

La règle @keyframes

Propriété animation-name

Propriété animation-duration

Propriété animation-delay

Propriété animation-timing-function

Propriété animation-iteration-count

Propriété animation-direction

Propriété animation-fill-mode

Propriété animation-play-state

Propriété animation

Transformations

Propriété transform

Propriété transform-origin

Rotation

Fonction rotate

Fonction rotateX

Fonction rotateY

Fonction rotateZ

Fonction rotate3d

Mise à l'échelle

Fonction scale

Fonction scaleX

Fonction scaleY

Inclinaison

Fonction skew

Fonction skewX

Fonction skewY

Translation

Fonction translate

Fonction translateX

Fonction translateY

Insertion de texte

Pseudo-élément after

Pseudo-élément before

Propriété content

Fonction attr

Compteurs

Propriété counter-increment

Propriété counter-reset

Sélecteurs

Sélecteur contextuel en CSS

Sélecteur enfant en CSS

Sélecteur adjacent en CSS

Sélecteur de frères en CSS

Sélecteur universel en CSS

Sélecteurs

Sélecteur par nom d'attribut

Sélecteur par valeur d'attribut

Sélecteur par début de valeur d'attribut

Sélecteur par fin de valeur d'attribut

Sélecteur d'attribut par texte

Sélecteur par l'une des valeurs d'attribut

Sélecteur d'attribut par trait d'union dans la valeur