Qu'est-ce que Generateur de dimensionnement CSS stretch ?
Le mot-cle CSS stretch (Chrome 138+) est la valeur standard pour le dimensionnement fill-available, remplacant -webkit-fill-available et -moz-available. width: stretch utilise margin-box sizing, contrairement a width: 100% qui utilise content-box et deborde avec padding ou bordure.
Réponse rapide
width: stretch ou height: stretch pour un dimensionnement fill-available sans debordement. Chrome 138+, Firefox 130+, Safari 18.2+.
Last updated: 2026-05-30
Limites
- Support limite aux navigateurs recents.
- Ne fonctionne pas sur les elements inline.
- Peut interagir avec les proprietes d'alignement flex/grid.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Comment utiliser cet outil
- Selectionnez le contexte de mise en page (block, flex, grid, position absolue).
- Choisissez l'axe a etirer.
- Consultez la note specifique au contexte.
- Copiez le CSS genere.
A quoi il sert
- Remplacer width: 100% sur les inputs qui debordent.
- Standardiser fill-available en remplacant les prefixes.
- Etirer un element positionne sans valeurs top/right/bottom/left.