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
Add automated outbound phone calls to your application!
 |
|
Enhance your project with this inexpensive reliable Web Service. Phone calls can be sent as pre-recorded sound files,
text to speech, or by using a combination of both. You can also
change call flow based on interaction.
Phone Notify! is being utilized for fraud prevention, emergency notification calls, courtesy calls, automated telemarketing calls, voice broadcasts, automated dialers, appointment reminders and more.
50 FREE phone calls for W3School users >
|
|