Open Directory Site CSS Tutorials

ASP | XML | VBScript | JavaScript | ADO | CSS | XMLDOM | PHP | Operating Systems

Home >> CSS >> CSS Margin Properties

CSS Margin Properties

 

CSS Margin properties define the space around elements.

Examples

Set the left margin of a text

This example demonstrates how to set the left margin of a text.

Set the right margin of a text

This example demonstrates how to set the right margin of a text.

Set the top margin of a text

This example demonstrates how to set the top margin of a text.

Set the bottom margin of a text

This example demonstrates how to set the bottom margin of a text.

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.

CSS Margins

The Margin properties define the space around elements. It is possible to use negative values to overlap content. The top, right, bottom, and left margin can be changed independently using separate properties. A shorthand margin property can also be used to change all of the margins at once.

Margin Properties:

NN: Netscape, IE: Internet Explorer, W3C: Web Standard

Property Description Values NN IE W3C

margin A shorthand property for setting

the margin properties in one declaration

margin-top

margin-right

margin-bottom

margin-left 4.0 4.0 CSS1

margin-bottom Sets the bottom margin of an element

auto length % 4.0 4.0 CSS1

margin-left Sets the left margin of an element

auto length % 4.0 3.0 CSS1

margin-right Sets the right margin of an element

auto length % 4.0 3.0 CSS1

margin-top Sets the top margin of an element

auto length % 4.0 3.0 CSS1

 

Cheap Web Hosting Articles - Web Site Design & Web Hosting Tutorials - Domain Hosting