Bordure intérieure.

Revenons sur quelques décorations simples, pour nos images.

Nous savons placer des bordures, qui se placent à l'extérieur de nos images; nous pouvons placer cette bordure à l'intérieur de nos images pour créer un liseré.

<p id="ol">&nbsp;</p>
<style><!--
#ol{width:1067px; height:600px; margin:5px auto;  background:url(http://ekladata.com/qfXa2RxMsLWm5REgsxv6rFS2SF8/n288.jpg); outline: double 16px #ffffff; outline-offset: -25px;}
--></style>

Outline détermine le style de la bordure (ici double), son épaisseur (ici 16px) et sa couleur(ici blanche); outline-offset détermine la distance de cette bordure, par rapport aux bords de l'image: si la valeur est positive, le liseré sera à l'extérieur de l'image, à la distance déterminée, si la valeur est négative, elle sera à l'intérieur de l'image.
Image ci-dessous avec style solid; la forme des liseré est rectangulaire et pour placer des liserés arrondis, par exemple, nous utiliserons une autre façon de faire ... page suivante !