레이어(Layer)형식, 스타일속성

레이어(Layer)형식


레이어 형식

레이어는 주로 <div> </div> 태그를 사용함
<div> 태그에 position:absolute 스타일속성을 사용하면 <div> </div> 속의 내용이 레이어로 형성됩니다.
레이어넓이와 높이를 따로 지정하지 않으면 레이어 내에 포함된 내용에 따라 자동으로 지정됨
(레이어 안에 다른 하위 레이어가 있다면 하위 레이어의 left좌표, top좌표는 상위 레이어의 기준점을 기준으로해요)


Embedded Style 형식

<style>
 #레이어이름 {position:absolute}
</style>

<div id="레이어이름"> 
내용
</div>

Inline Style 형식

<div style="position:absolute"> 
내용
</div>

레이어 적용하는 스타일속성

id : 레이어이름지정
left/top : 왼쪽/위쪽 테두리에서 레이어까지의 가로 위치
width/height : 레이어넓이/높이를 지정
background-color : 레이어색상지정
background-image : 레이어배경그림
z-index : 레이어 순위지정
visibility : 레이어 감춤기능 설정
clip : 레이어내용 일부만 보이게 지정
overflow : 레이어크기보다 내용이 많을때 스크롤바의 사용여부

신고