• Bordure intérieure

    Un rappel sur les bordures intérieures (ou extérieures).

    Nous savons placer une bordure autour d'un cadre ou d'une image; nous pouvons, en plus, ajouter une bordure, de la forme souhaitée, à l'intérieur de cette image.

    La placer à l'extérieur ne présente, à mes yeux, que peu d'intérêt... mais c'est possible.

    <p><img style="border: 0.4vh ridge white; box-shadow: 0.4vh 0.4vh 0.6vh black; outline: double 0.5vh white; outline-offset: -1vw;" src="http://ekladata.com/cdMLkMDBS86c-PRZp_wZtWt_qyU@640x360.jpg" alt="" /></p>

     

    La bordure extérieure classique et la bordure intérieure.

    Le style de la bordure est donné par double 0.5vh white.

    Sa position est donnée par outline-offset:-1vw;  Si nous écrivions outline-offset:1vw; la bordure serait extérieure.

    Je trouve le résultat assez esthétique, pas vous ?

    Le style de la bordure intérieure peut être choisi dans les différents styles habituels.