Un metodo molto più efficace dell'utilizzo delle tabelle nella costruzione del bordo di un'immagine, è fornito dai fogli di stile. Tale strumento, oltre ad essere più semplice nell'utilizzo, dà anche la possibilità di scegliere diversi tipi di bordo. Si inserisce l'immagine in un paragrafo e si pone all'interno del tag <P> il comando style. Scrivendo style="width: 217px" si imposta la dimensione della cornice mentre, scrivendo style="border: 7px groove red", si definiscono rispettivamente la dimensione del bordo, il tipo ed il colore del bordo (che puo anche essere scritto in RGB, nella forma: rgb(255,0,0) al posto della parola red).
ATTENZIONE: Bisogna inserire il comando style nella posizione esatta: ciò è necessario per evitare che il bordo venga mal visualizzato o da Internet Explorer o da Netscape (testato su Netscape 4.5 e Internet Explorer 5)!
Es1: Bordo continuo:
<p style="width: 197px" style="border:
7px solid red" >
<img SRC="http://utenti.tripod.it/roby_kirk/html/roby_fire.jpg"
width="197" height="88"></p>
Es2: Bordo doppio:
<p style="width: 197px" style="border:
7px double red" >
<img SRC="http://utenti.tripod.it/roby_kirk/html/roby_fire.jpg"
width="197" height="88"></p>
Es3: Bordo incassato:
<p style="width: 197px" style="border:
7px groove red" >
<img SRC="http://utenti.tripod.it/roby_kirk/html/roby_fire.jpg"
width="197" height="88"></p>
Es4: Bordo in rilievo:
<p style="width: 197px" style="border:
7px ridge red" >
<img SRC="http://utenti.tripod.it/roby_kirk/html/roby_fire.jpg"
width="197" height="88"></p>
Es5: Bordo interno:
<p style="width: 197px" style="border:
7px inset red" >
<img SRC="http://utenti.tripod.it/roby_kirk/html/roby_fire.jpg"
width="197" height="88"></p>
Es6: Bordo esterno:
<p style="width: 197px" style="border:
7px outset red" >
<img SRC="http://utenti.tripod.it/roby_kirk/html/roby_fire.jpg"
width="197" height="88"></p>
Es7: Bordo misto (Solo con Internet Explorer, si può dare ad ogni lato uno stile ed un colore):
<p style="width: 197px"
style="border-left: 7px groove rgb(255,255,0); border-right: 7px inset rgb(0,0,255);
border-top: 7px double rgb(0,255,0); border-bottom: 7px ridge
rgb(255,0,0)"><img
SRC="http://utenti.tripod.it/roby_kirk/html/roby_fire.jpg" width="197"
height="88"></p>