| Depr. | Version |
|---|---|
| Yes | HTML 2 |
| IE5.5+ | FF1+ | SA1.3+ | OP9.2+ | CH2+ |
|---|---|---|---|---|
| Full | Full | Full | Full | Full |
Syntax
vspace="number"
Description
Thevspace attribute is similar to hspace and provides a bit of breathing space
above and below an image, although it’s not exactly a precision design
tool. Figure 1 shows the problem that
occurs when an image is placed between paragraphs (the spacing appears to
be unequal because the p element
already has a bottom margin of its own, which exists in addition to the
vspace of "10").Figure 1. Image to which a 
vspace of 10 is applied
(note the space above and below image)
Example
This
vspace attribute is set to "10"
pixels around a left-aligned image:
<p><img src="giant-prawn.jpg" alt="The Giant Prawn at Ballina"
align="left" vspace="10"/>Driving along, we spotted a giant prawn,
so we had to stop and take a closer look.</p>
Value
This attribute takes as its value a number representing the amount of space to appear above and below the image in pixels.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | Chrome | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 8.0 | 1.0 | 1.5 | 2.0 | 3.0 | 3.5 | 1.3 | 2.0 | 3.1 | 4.0 | 9.2 | 9.5 | 10.0 | 2.0 |
| Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full |
Although support for this attribute is good, it’s now deprecated, and is highly presentational in its nature. The desired visual effects can all be achieved with CSS and, as such, this attribute shouldn’t be used—it’s presented here for informational purposes only.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.