Margin �Ӽ�

�� κ�� ϴ� �Ӽ��, margin-left, margin-right, margin-top, margin-bottom�� ̿��ϸ� 4 �� ְ�, margin �Ӽ�� ̿��ϸ� 4�� ÿ� �� ִ�.

��ȣ ��

A | B : A �Ǵ� B ���� �ϳ��̴�.
[  ] : �Ϲ����� �ǹ��� ��ȣ�̴�.
A {1,4} : A�� �ּ��� 1������ �ִ��� 4�� ����.

margin-left : �� | �ۼ�Ʈ | auto

�� Ѵ�.

�� element�� ְ�, �� ʴ´�.

�ʱⰪ�� 0�̴�.

�� ϳ�� element�� ٸ� element�� ϰ� �� θ� element�� Ư�� ڽ� element�� Ȱ�� Ǵ� ��찡 �ִ�. �̸� ��(Inheritance)�� Ѵ�. Margin �Ӽ�� 쿡�� P�� ־��, P�� Ե� SPAN�� ġ�� ʴ´ٴ� ��̴�.

�� : ��̿� ��̰� �ִ�.
- �� : em(�� ũ��), ex(�� x�� ũ��), px(�ȼ�)
- �� : in(��ġ), cm(��Ƽ��), mm(�и��), pt(��Ʈ : 1pt=1/72in), pc(��ī : 1pc=12pt)
�ۼ�Ʈ : �θ� �Ǵ�(�� element�� Ե�) element�� Ѵ�.
auto : �� ڵ�� Ѵ�.

margin-right : �� | �ۼ�Ʈ | auto

�� Ѵ�.

�� element�� ְ�, �� ʴ´�.

�ʱⰪ�� 0�̴�.

margin-top : �� | �ۼ�Ʈ | auto

�� Ѵ�.

�� element�� ְ�, �� ʴ´�.

�ʱⰪ�� 0�̴�.

margin-bottom : �� | �ۼ�Ʈ | auto

�Ʒ�� Ѵ�.

�� element�� ְ�, �� ʴ´�.

�ʱⰪ�� 0�̴�.

margin : [�� | �ۼ�Ʈ | auto]{1,4}

�� ÿ� ��Ѵ�. {1,4}�� ּ� �� ִ� 4�� �ٴ� ��̴�. ��, ��̳� �ۼ�Ʈ�� auto�� 1�� 4�� ִٴ� ��̴�. �� top, right, bottom, left�̴�.

Margin�� Ӽ�� ϳ��  �� Ӽ�� ǥ�Ӽ�(Shorthand property)�̶�� Ѵ�.

�� element�� ְ�, �� ʴ´�.

��ǥ�Ӽ�� ʱⰪ�� .

BODY { margin: 2em } /* ��� ������ 2em */
BODY { margin: 1em 2em } /* top�� bottom�� 1em, right�� left�� 2em */
BODY { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em
            (right�� ���� �״�� ������) */

��