Border �Ӽ�
�� �� ��
���� �κ��� ���� �����ϴ� �Ӽ�����, ũ�� border-width, border-color, border-style, border�� ������, ���� ����ȭ�ȴ�.
��ȣ ����
A | B : A �Ǵ� B ���� �ϳ��̴�.
[ ] : �Ϲ����� �ǹ��� ��ȣ�̴�.
A {1,4} : A�� �ּ��� 1������ �ִ��� 4�� ����.
<A> : A �Ӽ��� ���� ����.
A || B : A �Ǵ� B ���� �ϳ�, �Ǵ� �� ���� �� �� �� �ִ�.
Border-width ���� �Ӽ�
border-top-width : thin | medium | thick | ����
���� ������ ���� ���Ѵ�. Thin�� ���� ���, thick�� ���� �β���.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� medium�̴�.
border-right-width : thin | medium | thick | ����
������ ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� medium�̴�.
border-bottom-width : thin | medium | thick | ����
�Ʒ��� ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� medium�̴�.
border-left-width : thin | medium | thick | ����
���� ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� medium�̴�.
border-width : [thin | medium | thick | ����]{1,4}
�� ���� ���� ���� ���ÿ� ���Ѵ�. {1,4}�� �ּ� �� ������ �ִ� 4���� ���ٴ� ���̴�. ��, thin, medium, thick�̳� ���̸� 1������ 4������ �� �� �ִٴ� ���̴�. �� ���� ���� �� ������ top, right, bottom, left�̴�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
H1 { border-width: thin } /* thin thin thin thin */
H1 { border-width: thin thick } /* thin thick thin thick */
H1 { border-width: thin thick medium } /* thin thick medium thick */
Border-color ���� �Ӽ�
border-top-color : ���̸� | RGB��
���� ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� �ڽ��� color �Ӽ� �Ǵ� �θ� element�� color �Ӽ��� ���̴�.
�������� �⺻ 16���� aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow�� �̸��� �״�� �� �� �ִ�. �̻� 16�� �ܿ��� orange, pink ��, �� �̸��� ���� �״�� ������ �͵��� �� �ִµ� �������� ���� �������� ���� ���� �����Ƿ� �����ؾ� �Ѵ�.
������ ���� ���� RGB���� ����. RGB�� ������ red, green, blue�� �������� ��Ÿ���� ������ #�ڿ� 6�ڸ��� ���ڳ� ������ �������� ���������.
RGBǥ�� �����Ѵ�.
border-right-color : ���̸� | RGB��
������ ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� medium�̴�.
border-bottom-color : ���̸� | RGB��
�Ʒ��� ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� �ڽ��� color �Ӽ� �Ǵ� �θ� element�� color �Ӽ��� ���̴�.
border-left-color : ���̸� | RGB��
���� ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� �ڽ��� color �Ӽ� �Ǵ� �θ� element�� color �Ӽ��� ���̴�.
border-color : [���̸� | RGB��]{1,4}
�� ���� ���� ���� ���ÿ� ���Ѵ�. {1,4}�� �ּ� �� ������ �ִ� 4���� ���ٴ� ���̴�. ���̸��̳� RGB���� 1������ 4������ �� �� �ִٴ� ���̴�. �� ���� ���� �� ������ top, right, bottom, left�̴�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
H1 { border-color : black } /* black black black black */
H1 { border-color : black yellow } /* black yellow black yellow */
H1 { border-color : black yellow pink } /* black yellow pink yellow */
�� Border-color �Ӽ��� �ͽ��÷η� 4.0���� ���� �������� �ʴ´�.
Border-style ���� �Ӽ�
border-top-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset
���� ������ ����� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� ����.
border-right-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset
������ ������ ����� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� ����.
border-bottom-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset
�Ʒ��� ������ ����� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� ����.
border-left-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset
���� ������ ����� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� ����.
border-style : [none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}
�� ���� ���� ����� ���ÿ� ���Ѵ�. {1,4}�� �ּ� �� ������ �ִ� 4���� ���ٴ� ���̴�. ��, thin, medium, thick�̳� ���̸� 1������ 4������ �� �� �ִٴ� ���̴�. �� ���� ���� �� ������ top, right, bottom, left�̴�.
���� color �Ӽ��� ���� ����Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
span { border-style : dottted }
span.solid { border-style : solid }
span.dashed { border-style : dashed }
span.double { border-style : double }
span.groove { border-style : groove }
span.ridge { border-style : ridge }
span.inset { border-style : inset }
span.outset { border-style : outset } �̷��� ���Ϳ�
�� �ͽ��÷η� 4.0���� ����� ������ �ʴ´�.
Border ���� �Ӽ�
border-top : <border-top-width> || <border-top-style> || color
���� ������ ���� ���Ѵ�. Thin�� ���� ���, thick�� ���� �β���.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� ������ �Ӽ��� �ʱⰪ�̴�.
border-right : <border-right-width> || <border-right-style> || color
������ ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� ������ �Ӽ��� �ʱⰪ�̴�.
border-bottom : <border-bottom-width> || <border-bottom-style> || color
�Ʒ��� ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� ������ �Ӽ��� �ʱⰪ�̴�.
border-left : <border-left-width> || <border-left-style> || color
���� ������ ���� ���Ѵ�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� ������ �Ӽ��� �ʱⰪ�̴�.
border : [<border-width> || <border-style> || color]{1,4}
�� ���� ���� ���� ���ÿ� ���Ѵ�. {1,4}�� �ּ� �� ������ �ִ� 4���� ���ٴ� ���̴�. ��, thin, medium, thick�̳� ���̸� 1������ 4������ �� �� �ִٴ� ���̴�. �� ���� ���� �� ������ top, right, bottom, left�̴�.
��� element�� ������ �� �ְ�, �������� �ʴ´�.
�ʱⰪ�� ������ �Ӽ��� �ʱⰪ�̴�.
P { border: solid red } /*���� ���� ���� ��, ���� ������.*/
�� �� ��