top

정의 및 사용

top 속성은 position 속성과 함께 사용되며, 해당 position 이 어떤 값을 가지고 있느냐에 따라 top 의 위치값이 같아도 요소의 위치가 달라질 수 있다.

요소의 상단 모서리의 위치를 지정하는 속성이며 {position:absolute;} 일때는 해당 요소가 포함된 영역 안에서 top 위치가 정해지며, {position:relative;} 일때는 기본 위치에서 top 위치가 정해진다. 만약 {position:static;} 이면 top 속성은 위치에 영향을 주지 않는다.

정의 및 사용
기본값 auto
상속 no
버전 CSS2
자바스크립트 구문 object.style.top=”50px”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
auto 기본값(default), 브라우저가 top 모서리의 위치를 계산
length px, cm 단위로 직접 top 모서리 위치 지정하며 음수값도 가능
% 해당 요소의 % 만큼의 위치로 지정하며 음수값도 가능
inherit 지정 요소의 위치를 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

소제목

목록 으로

댓글