Er is geen CSS ondersteuning.
Vier regeltjes CSS geven een plaatje keurige ronde hoekjes. De procedure werkt
als volgt. Geef de "blank.gif" (een transparante gif van 1px) de hoogte en
breedte van jouw plaatje, en plaats de naam van jouw "img" in een
"style=background:url". De html-regel van deze pagina ziet er als volgt uit:
<img style="background:url(trevis.jpg);" width="200" height="134" src='blank.gif' />
Voor nog hogere performance kan je de "blank.gif" wijzigen in een inline tranparante ping (zie de broncode van deze pagina). Dat scheelt weer een http-request... Deze procedure is natuurlijk voor normale moderne browsers bedoeld. Wil je ook nog "aardig" zijn voor IE, voeg je gewoon aan jouw CSS "behavior:url(rond.htc)" toe. Vergeet in dat geval niet de htc-file ook naar jouw website te kopieren. Als je geen gebruik van de inline png(base64) wilt maken heb ik hier de blank.gif voor jou. Als je geen zin hebt om in de broncode van deze pagina te gaan kijken heb ik hieronder de style-sheet voor jou neergezet.
<style type="text/css" media="screen">
img{
border-radius:30px;
-moz-border-radius:30px;
-khtml-border-radius:30px;
-webkit-border-radius:30px;}
</style>
cache 15-02-2011