Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

<overflow-position>

Le type de données énuméré CSS <overflow-position> définit comment un sujet d'alignement (alignment subject en anglais) plus grand que son conteneur d'alignement (alignment container en anglais) déborde de ce dernier. Par exemple, si des éléments centrés sont plus larges que leur conteneur, le débordement peut s'afficher au‑delà du bord de début de la zone d'affichage (viewport en anglais), bord vers lequel il est impossible de défiler. La valeur <overflow-position> précise si le mode d'alignement doit être remplacé pour garantir que le contenu soit visible (safe) ou si le mode d'alignement doit être respecté (unsafe).

Ce type de données est valide pour les propriétés align-content, align-items, align-self, justify-items et justify-self, ainsi que pour les propriétés raccourcies place-content, place-items et place-self. Si elle est omise, l'alignement par défaut du débordement est un mélange de safe et unsafe.

Syntaxe

<overflow-position> = unsafe | safe

Valeurs

Les mots-clés suivants sont représentés par le terme de grammaire <overflow-position> :

safe

Si la taille du sujet d'alignement déborde du conteneur d'alignement, le sujet d'alignement est alors aligné comme si le mode d'alignement était start.

unsafe

Quelle que soit la taille relative du sujet d'alignement et du conteneur d'alignement, la valeur d'alignement donnée est respectée.

Spécifications

Specification
CSS Box Alignment Module Level 3
# typedef-overflow-position

Voir aussi