I have an image on a html page where I would like to have a double border around the image. I know how to do one border obviously, but I would like the 2nd border around the 1st border with a different colour. can this be done?
@dennicauthorSep 03.2008 — #thank you very much for the reply. just to confirm, will the line below (<img src="#" style="border:3px double gray" />) incorporate two different colours? How would i do this? I would like white on the inside and grey on the outside.
@WebJoelSep 03.2008 — #thank you very much for the reply. just to confirm, will the line below (<img src="#" style="border:3px double gray" />) incorporate two different colours? How would i do this? I would like white on the inside and grey on the outside.
thanks again.[/QUOTE] No, because the stated color (read "single" stated color), is "gray". No white, just 'the stated color'. To do TWO colors, you need to invoke a 'container' with a border, padding, and insert the border-image within.
You can try other variants of "border" like
<img src="#" style="width:400px; height:500px; [B]border:14px groove green;"[/B] />[/QUOTE] Note that this produces the 'framed picture' effect...
Here, "green" is combined with a browser-assigned default 'border color' probably black or dark gray, along with the stated "green".
I stated "14px" as the width to make this as visually stunning as possible.
"groove" (and "double") are "border-style" attributes, which are as follows:
[INDENT][B]none [/B] Defines [I]no border[/I]
[B]hidden [/B] The same as "none", except in border conflict resolution for table
[B]dotted [/B] Defines a dotted border
[B]dashed [/B] Defines a dashed border
[B]solid[/B] Defines a solid border
[B]double [/B] Defines two borders. The width of the two borders are the same as the border-width value
[B]groove[/B] Defines a 3D grooved border. The effect depends on the border-color value
[B]ridge[/B] Defines a 3D ridged border. The effect depends on the border-color value
[B]inset[/B] Defines a 3D inset border. The effect depends on the border-color value
[B]outset[/B] Defines a 3D outset border. [/INDENT]