● 테두리를 꾸미는 스타일 시트
테두리의 형태(border-방향-style, border-style, 방향: top, right, bottom, left)
- none : 테두리를 지정하지 않는다
- dotted : 테두리가 점으로 나타난다
- dashed :  테두리가 점선으로 나타난다
- solid : 테두리가 한 줄의 선으로 나타난다
- double : 테두리가 두 줄의 선으로 나타난다
- groove : 테두리가 입체감있게 나타난다
- ridge : 테두리가 볼록하게 나타난다
- inset : 테두리 전체가 들어가 보이는 형태로 나타난다
- outset : 테두리 전체가 튀어나와 보이는 형태로 나타난다
테두리 색상(border-방향-color, border-color)
- 1개 지정 : 상하좌우 같은 색
- 2개 지정 : 상하, 좌우 지정
- 3개 지정 : 상, 좌우, 하 지정
- 4개 지정 : 상, 우 ,하, 좌 지정
테두리 두께(border-방향-width, border-width)
- 1개 지정 : 상하좌우 같은 색
- 2개 지정 : 상하, 좌우 지정
- 3개 지정 : 상, 좌우, 하 지정
- 4개 지정 : 상, 우 ,하, 좌 지정
테두리 두께(border-방향-width, border-width)
- 1개 지정 : 상하좌우 같은 색
- 2개 지정 : 상하, 좌우 지정
- 3개 지정 : 상, 좌우, 하 지정
- 4개 지정 : 상, 우 ,하, 좌 지정
단축속성(border, border-방향)
- border-width border-style border-color

● 여백 결정 스타일 시트
바깥여백지정(margin-방향, margin, 방향: top, right, bottom, left)
- 1개 지정 : 상하좌우 같은 색
- 2개 지정 : 상하, 좌우 지정
- 3개 지정 : 상, 좌우, 하 지정
- 4개 지정 : 상, 우 ,하, 좌 지정
안쪽여백지정(padding-방향, padding)
- 1개 지정 : 상하좌우 같은 색
- 2개 지정 : 상하, 좌우 지정
- 3개 지정 : 상, 좌우, 하 지정
- 4개 지정 : 상, 우 ,하, 좌 지정

● 문단의 위치와 폭, 높이 지정하기
위치지정속성(position)

- static : 자유로운 문단 배치에 사용할 수 없다. 이동성이 없기 때문에 top, left 속성을 적용할 수 없다
- relative : 현재 컨텐츠가 있는 곳을 기준으로 상대적 위치를 지정하여 문단을 시작
- absolute : 절대적 위치를 지정하여 top, left 속성은 브라우저의 왼쪽 상단 모서리를 0,0으로 기준 삼는다
문단의 위치와 폭, 높이 지정(top, left/bottom, right, width, height)
문단의 위치 지정
- top : 위에서 떨어진 길이
- left : 좌측에서 떨어진 길이
- bottom : 아래에서 떨어진 길이
- right : 오른쪽에서 떨어진 길이
top,left와 bottom, right로 사용
폭과 높이
- width : 폭
- height : 높이
겹친 순서지정(z-index)
- 수치값이 클수록 위쪾에 위치
visible 여부(visibility)
- visible : 보임
- hidden : 보이지 않음
범위 벗어나는 글씨처리(overflow)
- scroll : 내용의 크기에 관계없이 항상 스크롤바가 나타난다
- visible : 범위를 벗어나는 내용을 보여준다
- auto : 자동조정
- hidden : 범위를 벗어나는 내용을 감춘다
잘라서 출력(clip)
- top : 위에서 거리
- right : 왼쪽에서 거리
- bottom : 위쪽에서 거리
- left : 왼쪽에서의 거리

● 커서 모양 변경
커서모양(cursor)
- auto : 자동
- crosshair : 십자형
- default : 표준-화살표
- pointer : 링크위에 있을때 모양
- move : 이동 가능을 나타내는 모양
- text : 텍스트 선택용 모양
- wait : 처리중임을 나타내는 모양
- help : 도움말을 나타내는 모양
- n-resize : 크기 재설정 가능 : 위 방향
- s-resize : 크기 재설정 가능 : 아래 방향
- w-resize : 크기 재설정 가능 : 왼쪽 방향
- e-resize : 크기 재설정 가능 : 오른쪽 방향
- ne-resize : 크기 재설정 가능 : 오른쪽 위 방향
- nw-resize : 크기 재설정 가능 : 왼쪽 위 방향
- se-resize : 크기 재설정 가능 : 오른쪽 아래 방향
- sw-resize : 크기 재설정 가능 : 왼쪽 아래 방향

● display
출력형태(display)
- block : 줄 바꿈이 일어남
- Inline : 줄 바꿈이 일어나지 않음
- none : 보이지 않음

● 좌우 배치
그림 등 좌우배치(float)
- left : 그림을 왼쪽에 배치
- right : 그림을 오른쪽에 배치
- none : 좌우배치와 삽입이 실행되지 않는다
배치 해체(clear)
- left : 왼쪽 요소에 대한 삽입 해제
- right : 오른쪽 요소에 대한 삽입 해제
- both : 양쪽 요소에 대한 삽입 해제
- none : 삽입을 해제하지 않음