Scholar Repository
Home>Manual>CSS Margin-top Property

CSS Margin-top Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS margin-top Property


CSS Reference Complete CSS Reference


Definition

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

Note: Negative values are allowed.

Inherited: No


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.marginTop="10px"

In our HTML DOM tutorial you can find more details about the marginTop property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

h1

margin-top: 10px
}

h2

margin-top: -20px
}

Possible Values

Value Description
auto The browser sets a top margin
length Defines a fixed top margin. Default value is 0
% Defines a top margin in % of the total height of the document



Try-It-Yourself Demos

Set the top margin of a text using a cm value
This example demonstrates how to set the top margin of a text using a cm value.

Set the top margin of a text using a percent value
This example demonstrates how to set the top margin of a text using a percent value.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Margin-top Property