자주사용하는 CSS 속성

border-style 전체 테두리 모양지정

border-top-style - 위쪽 테두리 모양을 지정

border-bottom-style - 아래쪽의 테두리 모양을 지정

border-left-style 왼쪽의 테두리의 모양을 지정

border-right-style -오른쪽 테두리의 모양을 지정

---(none, dotted, dashed, solid, doubole, groove, ridge, inset, outset 등의 선들이 있음)

border-color  -전체 테두리의 색상지정

border-top-color -위쪽 테두리의 색상지정

border-bottom-color - 아래쪽의 테두리 색상지정

border-left-color - 왼쪽의 테두리 색상지정

border-right-color -오른쪽의 테두리 색상지정

----------------------------------------------------------------------------------

border-width  - 전체 테두리의 두꼐를 지정

border-top-width - 위쪽 테두리 두꼐 지정

border-bottom-width - 아래쪽 테두리 두꼐지정

border-left-width  -  왼쪽 테두리 두꼐 지정

border-right-width - 오른쪽의 테두리 두꼐를 지정

----------------------------------------------------------------------------

color - 배경 및 글꼴의 색상 지정 (color:darkgray;, color:#ffa500;)

FONT-FAMIILY - 글꼴을 설정합니다 ( FONT-FAMIILY:"굴림", "돋움", "Comic sans MS";)

FONT-SIZE:- 글꼴의 크기 (font-size:9pt, font-size:large;)

FONT-style - 글꼴의 스타일 (normal, itailc, oblique)

FONT-weight -글꼴의 두께 (lighter, normal, bold, bolder, 숫자로도 조절가능)

FONT-variant - 글꼴의 소문자를 대문자로 지정 (normal, small-caps-소문자를대문자로변경)

FONT-spacing - 글자사이의 간격을 지정 (H2 {lettr-spacing:170%})

FONT-height - 줄간격을 지정 (body {line-height:170%})

----------------------------------------------------------------------------

margin - 모든 방향의 여백을 지정

margin-top - 위쪽의 여백 지정

margin-bottom - 아래쪽 여백 지정

margin-left - 왼쪽여백 지정

margin-right - 오른쪽여백 지정

----------------------------------------------------------------------------

padding-top - 위쪽의 여백 지정

padding-bottom - 아래쪽 여백 지정

padding-left - 왼쪽여백 지정

padding-right - 오른쪽여백 지정

----------------------------------------------------------------------------

text-align -문단의 정렬방식을 지정

text-decoration - 글꼴의 선을 긋습니다

text-indent - 문장의 들여쓰기

vertical-align - 문단의 수직 정렬 방식을 지정