CSS - margin-top


Description:

The margin-top property sets the width of the margin on the top of an element.

Possible Values:

  • length: Any length value.
  • percentage: The margin's width is calculated with respect to the width of the element's containing block.
  • auto: Default, Let the browsers automatically set the margin.

Applies to:

All the HTML elements

DOM Syntax:

object.style.marginTop="5px"

Example:

Here is the example:

<p style="margin-top: 15px; border:1px solid black;">
This is a paragraph with a specified top margin
</p>

<p style="margin-top: 5%; border:1px solid black;">
This is another paragraph with a specified top margin in percent
</p>

This will produce following result:

This is a paragraph with a specified top margin

This is another paragraph with a specified top margin in percent





Spacer Bottom Left Corner ImageBottom Right Corner Image
Valid XHTML 1.0 Strict  Valid CSS! Check the accessibility of this site according to U.S. Section 508