En CSS, lespropriétés inset contrôlent la position des éléments positionnés en spécifiant des décalages par rapport à leur position par défaut. Il existe des propriétés inset physiques, logiques et des raccourcis.

Les propriétés inset incluent les propriétés physiquestop,left,bottom etright, leurs équivalents relatifs au flux :inset-block-start,inset-block-end,inset-inline-start,inset-inline-end (propriétés logiques), ainsi que les raccourcisinset-block,inset-inline etinset.

Lespropriétés physiques font référence à des côtés physiques spécifiques d'un élément. Les propriétés logiques utilisent des mots-clés directionnels relatifs aux axes de bloc et d'inline. L'axe de bloc correspond à l'axe qui définit l'ordre d'empilement des éléments dans une disposition en bloc. L'axe d'inline est perpendiculaire à l'axe de bloc et représente la direction dans laquelle le contenu en ligne, comme le texte, s'écoule dans un bloc. La correspondance dépend des propriétéswriting-mode,direction ettext-orientation de l'élément.

L'interprétation des propriétés inset dépend de la valeur de la propriétéposition. Lorsqueposition: absolute est utilisé, elles représentent les décalages depuis lebloc englobant ou l'élément d'ancrage. Avecposition: relative, elles représentent les décalages depuis la position par défaut du bord de la marge de la boîte. Avecsticky, elles représentent les décalages depuis le bord duconteneur de défilement. La valeurfixed est similaire àabsolute, sauf que l'élément est positionné et dimensionné par rapport à son bloc de positionnement fixe, qui est souvent la zone d'affichage (viewport en anglais).

Voir aussi

• Disposition et bloc englobant
• Le modulede positionnement CSS
• Le moduledes propriétés logiques et valeurs CSS
• Le moduled'ancrage CSS