w3pop.com :: ÍøÂçѧԺ :: CSS :: CSS ±ß¾à
The CSS margin properties define the space around elements.
CSSµÄ±ß¾àÊôÐÔ¶¨ÒåÔªËØÖÜΧµÄ¿Õ¼ä·¶Î§
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.
¿ìËÙ¶¨ÒåËı߱߾à
The CSS 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.
CSS±ß¾à¶¨ÒåÔªËØÖÜΧµÄ¿Õ¼ä·¶Î§¡£Ëü¿ÉÈÃÄÚÈÝÖØµþ¡£Ò²¿ÉÓ÷ÖÀëµÄÊôÐÔ·Ö±ð¶ÔÉÏ£¬Ï£¬×ó£¬ÓÒ½øÐÐÑùʽ¸Ä±ä¡£ÓÃmarginÊôÐÔ¿ÉÒÔ¿ìËÙµÄÉèÖÃËùÓб߾ࡣ
Note: Netscape and IE give the body tag a default margin of 8px. Opera does not! Instead, Opera applies a default padding of 8px, so if one wants to adjust the margin for an entire page and have it display correctly in Opera, the body padding must be set as well!
×¢Ò⣺ Íø¾°ºÍIEĬÈϸøbody±êÇ©¼ÓÉÏÁË8pxµÄ±ß¾à¡£OPERA¾ÍûÓÐÕâÑùµÄÇé¿ö£¬Ïà·´µÄ£¬OPERAÓиöĬÈϵÄ8pxÌî³ä£¬ËùÒÔÒªÈÃÒ³ÃæÔÚ¼¸¸ö²»Í¬Ö÷Á÷ä¯ÀÀÆ÷ÉϵÄЧ¹û¶¼Ïàͬ¾ÍÐèÒª½«ÊôÐÔÉèÖÃÍ×µ±£¡
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
ä¯ÀÀÆ÷Ö§³Ö£ºIE: Internet Explorer, F: Firefox, N: Netscape
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
W3C£ºÀïÃæµÄÊý×Ö´ú±íCSS°æ±¾ºÅ
| PropertyÊôÐÔ | DescriptionÃèÊö | ValuesÖµ | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| margin | A shorthand property for setting the margin properties in one declaration ¿ìËÙÉèÖø÷±ß¾àÊôÐÔ |
margin-top margin-right margin-bottom margin-left |
4 | 1 | 4 | 1 |
| Sets the bottom margin of an element ÉèÖõײ¿±ß¾à |
auto length % |
4 | 1 | 4 | 1 | |
| Sets the left margin of an element ÉèÖÃ×󲿱߾à |
auto length % |
3 | 1 | 4 | 1 | |
| Sets the right margin of an element ÉèÖÃÓÒ²¿±ß¾à |
auto length % |
3 | 1 | 4 | 1 | |
| margin-top | Sets the top margin of an element ÉèÖÃÉϲ¿±ß¾à |
auto length % |
3 | 1 | 4 | 1 |