본문 바로가기
www/CSS_tip

CSS 포지셔닝(Positioning)

by 랭님 2014. 1. 1.

CSS로 레이아웃을 잡는 경우가 늘어나고 있기에 포지셔닝(Positioning)의 중요성이 강조되고 있습니다.

포지셔닝에 이용되는 CSS 속성은 아래와 같습니다.

bottom

위치된 요소의 아래쪽 간격을 지정합니다.

clip

넘쳐흐른 요소의 잘려져 보이는 영역을 지정합니다. 영역에 포함되지 않은 부분은 숨겨집니다.

left

위치된 요소의 왼쪽 간격을 지정합니다.

overflow

넘쳐흐른(overflow) 요소를 보일지, 감출지, 스크롤할지를 지정합니다.

position

요소가 위치할 방식을 지정합니다.

right

위치된 요소의 오른쪽 간격을 지정합니다.

top

위치된 요소의 위쪽 간격을 지정합니다.

vertical-align

요소의 수직 정렬을 지정합니다.

z-index

위치된 요소의 z축 순서를 지정합니다.



※출처 : http://www.homejjang.com/