Border -> proprietà

[MM88]

Ciao, se inserisco nel tag img come proprietà di style:

style="border: #ccc dotted;"

Ottendo un bordo grigio puntinato. Ma quali proprietà devo aggiungere per "staccare" questa cornice dalla immagine, per esempio di 4px?
In modo che il bordo non sia attaccato all'img.

grazie

[Fello]

A memoria per quello che devi ottenere devi mettere l'immagine dento un div, e assegnare al div le seguenti proprietà:

border:1px dotted #ccc;
padding:4px;

mentre l'immagine deve avere

border:0px;

[MM88]

ah, pensavo ci fosse un modo per farlo direttamente con le proprietà dell'img.
Ovviamente così va.
grazie

[seed_squall_it]

Non ho mai provato, ma essendo il tag <img /> un elemento rimpiazzato, potresti trasformarlo in un elemento block-level e assegnargli quindi un padding e un border.

img {
display: block;
padding: 4px;
border: 1px dotted #ccc;
margin: 0;
}

Ovviamente, essendo l'immagine trasformata in un elemento block-level, si comporterà come fanno abitualmente elementi come <div>,

, <form>, ecc. Prova a vedere se funziona.