CSS margin Property
 Complete CSS Reference
Definition
The margin property is a shorthand property for setting all of the properties for the four margins
in one declaration.
Note: Negative values are allowed.
Inherited: No
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.margin="100px"
In our HTML DOM tutorial you can find more details about the
margin property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
|
h1
{margin: 10px}
all four margins will be 10px
h1
{margin: 10px 2%}
top and bottom margin will be 10px, left and right margin will be 2% of the total
width of the
document.
h1
{margin: 10px 2% -10px}
top margin will be 10px, left and right margin will be 2% of the total width of the
document, bottom margin will be -10px
h1
{margin: 10px 2% -10px auto}
top margin will be 10px, right margin will be 2% of the total width of the
document, bottom margin will be -10px, left margin will be set by
the browser
|
Possible Values
| Value |
Description |
margin-top
margin-right
margin-bottom
margin-left |
Sets the properties for the margins. The values comes in %
(defines a margin in % of the total height/width of the
document), length (defines a fixed margin), and auto (the browser sets a margin).
Default value: Not defined |
Try-It-Yourself Demos
All the margin properties in one declaration
This example demonstrates how to set a shorthand property for setting all of the margin properties
in one declaration.
Complete CSS Reference
Learn how your website performs under various load conditions
 |
|
WAPT
is a load, stress and performance testing tool for websites and web-based applications.
In contrast to "800-pound gorilla" load testing tools, it is designed to minimize the learning
curve and give you an ability to create a heavy load from a regular workstation.
WAPT is able to generate up to 3000 simultaneously acting virtual users using standard hardware configuration.
Virtual users in each profile are fully customizable. Basic and NTLM authentication methods are supported.
Graphs and reports are shown in real-time at different levels of detail, thus helping to manage the testing process.
Download the free 30-day trial!
|
|
HOME
Printer friendly page
