• Bordure intégrée

    Une question me fait revenir sur un sujet déjà abordé: ajouter une bordure augmente la taille de l'image: exemple, cette image fait 450x450px avec bordure de 10px, ce qui la dimensionne à 470x470px.

     

    <p style="width: 450px; height: 450px; border: 10px solid white; margin: 10px auto; background: url('http://ekladata.com/EK8vTQQDtqXbuSZ9uzU9J1XDGLU.jpg');">&nbsp;</p>

     

    <p style="width: 450px; height: 450px; border: 10px solid white; margin: 10px auto; box-sizing: border-box; background: url('http://ekladata.com/EK8vTQQDtqXbuSZ9uzU9J1XDGLU.jpg');">&nbsp;</p>

     L'image fait 450x450px hors tout .