Div Style

overflow: ######;

          visible : 레이어 크기를 키워서 출력.

          hidden : 레이어 크기만큼 출력.

          auto : 내용에 따라 자동 스크롤.

          scroll : 스크롤바 생성.

     ex) overflow-x:값; overflow-y:값; overflow:값;

 

position: ######;

          static : 기본값.

          relative : 하위에 div가 있을 경우엔 하위의 div를 absolute 배열.

          absolute : div에 top, right, bottom, left 값을 지정해서 원하는 위치에 고정.

          fixed : 스크롤에 상관없이 지정한 위치에 고정.

          inherit : 상위에서 지정한 값을 상속.

 

visibility: ######;

          visible : 보임.

          hidden : 감춤.

 

z-index: #;         :: #값에 따라 우선순위 정의. (값이 높을 수록 위로)

 

left: ##px;

 

top: ##px;

 

width: ###px;

 

height: ###px;

 

text-align: center;

          center , left, right ...

 

background-color: #######;

 

border-style: ######;

          solid , dotted .....

 

border-color: ######;

 

border-width: ##px;

 

border: ###px;

 

 

ex) <div id="layer" style="position:absoulte;top:20px;left:20px;widht:200;height:100px;z-index:1;visibility:hidden;overflow:ato;background:#ffcc00">

</div>