div 속성 : style시트
레이어 객체에 접근 : 레이어아이디.style
※ 속성
- position : absolute(절대위치), relative(상대위치), static(기본값), fixed(고정)
- top : 위부터 아래쪽으로 위치
- left : 왼쪽부터 오른쪽으로 위치
- width : 레이어 가로 길이
- height : 레이어 세로 길이
- z-index : 레이어 순서(값이 높을수록 위쪽)
- visibility : hidden(레이어 숨김), visible(레이어 보임)
background : 레이어 배경색 - overflow : visible(정해진 크기 무시하고 모두 보여줌), hidden(정해진 크기만큼만 보여줌, 넘는 내용은 짤림), scroll(수평,수직 스크롤을 보여줌), auto(내용이 넘치는 방향으로 스크롤 보여줌)
- font-family : 폰트종류
- font-size : 폰트크기
- padding-top : 위쪽으로부터의 안쪽 여백
- padding-left : 왼쪽으로부터의 안쪽 여백
- padding-right : 오른쪽으로부터의 안쪽 여백
- padding-bottom : 아래쪽으로부터의 안쪽 여백
※ 레이아웃에 관련된 속성
- float:left - 레이어가 좌측으로 정렬되며, 이후 추가되는 레이어는 옆(좌측)으로 붙게 된다.
- float:right - 레이어가 우측으로 정렬되며, 이후 추가되는 레이어는 옆(우측)으로 붙게 된다.
- clear:both - 위의 적용이 해제된다.
'Programming > HTML' 카테고리의 다른 글
jQuery and Prototype Benchmarks 누가 이겼을까? (0) | 2008.06.12 |
---|---|
자바스크립트 프레임웍 5 가지 공자로 쓰기 (0) | 2008.06.12 |
Favorite META Tag (0) | 2007.07.02 |
[HTML] 간단함 폼(form) 구문 (0) | 2007.05.17 |
[HTML] 폼 입력 버튼을 빠르게 눌렀을때, 여러번 등록 되는 경우 (0) | 2007.05.16 |