[CSS] 레이어 속성

레이어는 HTML상에서 기존의 요소와는 독립적으로 원하는 위치에 글이나 그림을 위치 시킬 수 있도록 해준다. <div> 태그의 position 속성값을 absolute 로 설정을 하면 해당 <div>태그를 레이어로서 사용이 가능하다.

 

속성 설명 left 브라우저 좌측경계로부터의 거리 top 브라우저 상단경계로부터의 거리 width 레이어의 폭 height 레이어의 높이 background-color 레이어의 배경색을 설정한다. 색이름이나 RGB색상코드가 가능하다. background-image 레이어의 배경이미지를 설정한다.   #이름{position:absolute; background-image:url(back.gif);} visibility 레이어를 보여줄 것인지 또는 감출 것인지를 설정한다. hidden : 레이어를 감춘다, visible : 레이어를 보여준다. z-index 여러개의 레이어가 있을 때, 레이어간의 상하관계를 표현한다. 숫자가 클수록 윗쪽에 배치된다. clip 레이어의 일부분만 보여줄 수 있다. rect()를 이용해서 보여줄 4개의 좌표를 설정한다.   #이름{position:absolute; clip:rect(50 200, 100, 50);}