레이어

<목차로 돌아가기>

속성	설명	값
레이어에서 주로 사용되는 스타일 속성	레이어의 계층 순서	정수 값
z-index	보이기 형식	visible,hidden
visibility	레이어 숨기기	display:none
display	정렬과 어울림	left,right,
float	어울림 해제	left,right,both
overflow	스크롤 바 표시 여부	visible,hidden,scroll,auto
direction	글자 방향	ltr, rtl
레이어 위치 지정
position	표시 방법	static, relative, absolute, fixed
top	시작점의 수직(y)좌표	실수 값+단위, %
bottom	끝점의 수직(y)좌표	실수 값+단위, %
left	시작점의 수평(x)좌표	실수 값+단위, %
right	끝점의 수평(x)좌표	실수 값+단위, %
레이어 꾸미기
width	가로크기	실수 값+단위, %
height	세로크기	실수 값+단위, %
border	테두리 지정	{border:테두리두께 테두리스타일    테두리색}
padding	내부여백	실수 값+단위
margin	외부여백	실수 값+단위
background-color	배경색	색상명
background-image	배경그림	url(그림 전체 경로)

예제

마도요.zip

사용방법
<style type="text/css">
<!--
 div{position:absolute; border-style:solid}
 #exam{border-color:#00cc00; border-width:8px; left:1px; top:1px; width:160px; height:160px; z-index:1;}
-->
</style>

<div id=exam >레이어에 들어갈 내용</div>