	Your browser does not support inline frames or is currently configured not to display inline frames.

HOME

HTML DOM
DOM HOME
DOM Intro
DOM Nodes
DOM Node Tree
DOM Methods
DOM Node Access
DOM Node Info
DOM How To
DOM Reference
DOM Summary

DOM Examples
DOM Examples

DOM Objects
DOM Window
DOM Navigator
DOM Screen
DOM History
DOM Location

DOM Document

DOM Anchor
DOM Area
DOM Base
DOM Body
DOM Button
DOM Event
DOM Form
DOM Frame
DOM Frameset
DOM IFrame
DOM Image
DOM Input Button
DOM Input Checkbox
DOM Input File
DOM Input Hidden
DOM Input Password
DOM Input Radio
DOM Input Reset
DOM Input Submit
DOM Input Text
DOM Link
DOM Meta
DOM Object
DOM Option
DOM Select
DOM Style
DOM Table
DOM TableCell
DOM TableRow
DOM Textarea

Selected Reading
Web Statistics
Web Glossary
Web Hosting
Web Quality

W3Schools Forum

Helping W3Schools

HTML DOM margin Property

Complete Style Object Reference

Definition and Usage

The margin property sets the margins of an element.

This property can take from one to four values:

If you specify one value, like: div {margin: 50px} - all four margins will be 50px
If you specify two values, like: div {margin: 50px 10px} - the top and bottom margins will be 50px, left and right margins will be 10px
If you specify three values, like: div {margin: 50px 10px 20px}- the top margin will be 50px, left and right margin will be 10px, bottom margin will be 20px
If you specify four values, like: div {margin: 50px 10px 20px 30px} - the top margin will be 50px, right margin will be 10px, bottom margin will be 20px, left margin will be 30px

Syntax

Object.style.margin=margin

Possible Values

Value	Description
margin	Sets the margins. The value(s) can be defined 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)

Example

The following example changes the margins of a paragraph:

<html>
<head>
<script type="text/javascript">
function changeMargin()
{
document.getElementById("p1").style.margin="100px";
}
</script>
</head>
<body>

<input type="button" onclick="changeMargin()"
value="Change margins of a paragraph" />

<p id="p1">This is a paragraph</p>

</body>
</html>

Try-It-Yourself Demos

margin - Change the margins of a paragraph

Complete Style Object Reference

Jump to: Top of Page or HOME or Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

W3Schools was converted to XHTML in December 1999

SITE SEARCH
About W3Schools W3Schools Forum

Ecommerce
Components
for ASP.NET

WEB HOSTING
$15 Domain Name Registration Save $20 / year!

UK Domain Names
UK Web Hosting
Alojamiento Web

Buy UK Domain Names
Register Domain Names

Cheap Domain Names
Cheap Web Hosting

Best Web Hosting

Domain Name Registration

PHP MySQL Hosting

Top 10 Web Hosting

Web Hosting Providers

Web Hosting Company

UK Reseller Hosting

Web Hosting

WEB BUILDING
Website Templates Flash Templates Website Builder Internet Business Opportunity

Custom Programming

FREE Trial or Demo
Web Content Manager
Forms,Web Alerts,RSS

Ecommerce Software

XMLSpy XML Editor

Azbuz Blog

SHOPPING
UK Wholesalers UK Wholesale UAE Dubai Property

Private Student Loans

UK Dropshippers & Wholesalers Directory

EDUCATION
US Web Design Schools

HTML Exam

YELLOW PAGES
www.nettkatalogen.no www.gulex.dk www.gulex.se www.gelbex.de www.teloos.fi www.teloos.fr www.teloos.co.uk www.teloos.at www.teloos.de