CSS-상단

기술

가기 속성은 위치 상황의 상부 가장자리 또는 상대적 위치 소자는 변위 될 수직 거리에서 절대 위치 요소의 상부 에지의 오프셋을 정의한다.

가능한 값

  • 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>

다음 결과가 생성됩니다-


Language