기술
가기 속성은 위치 상황의 상부 가장자리 또는 상대적 위치 소자는 변위 될 수직 거리에서 절대 위치 요소의 상부 에지의 오프셋을 정의한다.
가능한 값
length − 포지셔닝 컨텍스트의 상단으로부터 고정 된 거리.
percent− 컨텍스트의 높이가 명시 적으로 설정되었다고 가정하고 위치 지정 컨텍스트의 높이의 일부 백분율. 그렇지 않은 경우 top의 백분율 값은 자동 인 것처럼 처리됩니다.
auto− 기본값. 브라우저가 상단 위치를 계산하도록합니다.
적용
모든 HTML 위치 요소.
DOM 구문
object.style.top = "2px";
예
다음은이 속성의 효과를 보여주는 예입니다.
<html>
<head>
</head>
<body>
<p style = "position:absolute; top:100px;">
This line will be positioned 100px below from the top edge of this window.
</p>
</body>
</html>
다음 결과가 생성됩니다-