Properties

Properties

Draft
  • account_tree
  • bug_report

right

요소의 오른쪽 위치 값을 설정한다.

설명

요소는 position 속성 값이 absolute 또는 fixed로 설정되어 있어야 한다. 부모 요소가 존재하고 부모 요소의 position 값이 relative이면 부모 요소의 오른쪽으로 부터의 위치 값으로 설정된다. 부모 요소가 position 속성 값이 static인 경우 하위 요소가 position 속성이 absolute 값을 갖는다면 오른쪽 위치 기준은 웹브라우저의 뷰포트가 된다. 부모 요소가 어떠한 position 값을 가지고 있다하더라도 하위 요소가 position 값이 fixed인 경우에는 웹브라우저의 뷰포트를 기준으로 우측으로 부터의 위치값으로 지정된다.

설정 가능한 속성 값

  • auto기본값키워드CSS2

    요소가 갖고 있는 폭의 오른쪽 끝의 값으로 오른쪽 위치를 설정한다.

  • length숫자단위허용CSS2

    숫자와 단위를 이용해서 설정한다.

    • 사용 가능한 단위: px, %
    • 음수 허용
  • initial키워드CSS3

    CSS 기본 값으로 설정한다.

구문

  • right auto or length or initial;기본형식CSS2

    설정하지 않으면 기본 값인 auto가 되며 숫자와 단위를 이용해서 위치를 설정한다.

  • object.style.right = "100px";자바스크립트 형식CSS2

    자바스크립트 형식

테스트 도구

요소에 대한 위치 설정

지원 웹브라우저