CSS right 속성

정의와 사용법

right 속성은 요소의 오른쪽 경계를 정의합니다. 이 속성은 위치 요소의 오른쪽 외경계와 포함 블록의 오른쪽 경계 간의 이동을 정의합니다.

주의사항:position 속성의 값이 "static"인 경우, right 속성을 설정하면 어떤 효과도 발생하지 않습니다.

static 요소에 대해 auto; 길이 값에 대해 해당 절대 길이; 백분율 값에 대해 지정된 값; 그렇지 않으면 auto입니다.

대비 정의 요소에 대해, left의 계산 값은 항상 right와 같습니다.

HTML DOM 참조 매뉴얼:right 속성

이미지의 오른쪽 경계를 포함 요소의 오른쪽 경계에서 5픽셀 왼쪽에 설정합니다:

img
  {
  position:absolute;
  right:5px;
  }

right: auto|length|initial|inherit;

값	설명
auto	기본 값. 브라우저가 오른쪽 경계 위치를 계산합니다.
%	요소의 오른쪽 위치를 요소의 백분율로 설정합니다. 음수 값을 사용할 수 있습니다.
length	px, cm 등의 단위로 요소의 오른쪽 위치를 설정합니다. 음수 값을 사용할 수 있습니다.
inherit	parent element에서 right 속성 값을 继承하는 것을 정의합니다.

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome	IE / Edge	Firefox	Safari	오페라
1.0	5.5	1.0	1.0	5.0