27569 shaares
Ahmad Shadeed montre comment ajuster automatiquement la hauteur d’une section CSS à un multiple de la hauteur d’un motif de fond répété, afin d’éviter qu’il soit coupé en bas. La combinaison de calc-size(auto, ...) et round() conserve la taille du motif, contrairement à background-repeat: round, qui le redimensionne. L’article compare les arrondis vers le haut ou le bas, puis adapte les marges internes avec padding-block. Cette technique ne fonctionnait que dans Chrome à la publication, en octobre 2026.