vspace (HTML attribute)

Spec
Depr. Version
Yes HTML 2
Browser support (more…)
IE5.5+ FF1+ SA1.3+ OP9.2+ CH2+
Full Full Full Full Full

Syntax

vspace="number"

Description

The vspace 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) IMage with vspace of 10 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.

Related Products