Dépliant aide-mémoire recensant les principales propriétés de feuilles de style CSS3, classées par ordre alphabétique puis regroupées par thème. ©Electre 2025

overflow-y : visible | hidden | scroll | auto | no-display | no-content

Précise le comportement du contenu lorsque celui-ci déborde du conteneur sur l'axe vertical (y).

Les explications des valeurs visible, hidden, scroll, auto, no-display et no-content sont identiques à celles de overflow-x.

perspective : nombre | none

Permet de changer la perspective pour l'affichage des éléments 3D.

Paramètres :

nombre : spécifie la profondeur de la perspective, c'est-à-dire la distance entre l'observateur et l'objet.

none : pas de modification de la profondeur de perspective.

Note : nécessite le préfixe -webkit pour Safari et Chrome.

perspective-origin : axe-x | axe-y

Spécifie l'origine de la perspective.

Paramètres :

axe-x : spécifie la vue sur l'axe horizontal. Les valeurs possibles sont left, center, right, longueur, %.

axe-y : spécifie la vue sur l'axe vertical. Les valeurs possibles sont top, center, bottom, longueur, %.

Note : nécessite le préfixe -webkit pour Safari et Chrome.

resize : none | both | horizontal | vertical

Spécifie qu'un élément est redimensionnable par l'utilisateur

Paramètres :

none : pas de redimensionnement possible.

both : l'utilisateur peut ajuster la hauteur et la largeur.

horizontal : l'utilisateur ne peut ajuster que la largeur.

vertical : l'utilisateur ne peut ajuster que la hauteur.

text-overflow : clip | ellipsis | string

Définit le comportement du texte lorsque celui-ci dépasse le conteneur.

Paramètres :

clip : coupe le texte.

ellipsis : coupe le texte et le termine par des points de suspension.

string : coupe le texte et y ajoute la chaîne de caractères spécifiée.

text-shadow : h-shadow | v-shadow | blur | color

Apporte un effet d'ombre au texte.

Paramètres :

h-shadow : nombre en px du décalage horizontal de l'ombre. Obligatoire.

v-shadow : nombre en px du décalage vertical de l'ombre. Obligatoire.

blur : nombre en px pour la dispersion de l'ombre. Optionnel.

color : code couleur de l'ombre. Optionnel.

transform : fonction de transformation | none

Permet d'appliquer des transformations à un élément.

Fonctions de transformation :

matrix(n,n,n,n,n,n) : définit une transformation 2D par une matrice de 6 valeurs.

matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) : définit une transformation 3D par une matrice 4x4 de 16 valeurs.

translate(x,y) : définit un déplacement en 2D.

translate3d(x,y,z) : définit un déplacement en 3D.