본문 바로가기

'.' Programs/CSS

Right


Right

개요 : 이 속성은 위치된 요소의 오른쪽 간격(offset)을 지정한다.

정의

right

설명

<길이> | <백분율> | auto | inherit

기본값

auto

적용대상

위치된 요소

상속

안됨

백분율

용기 블럭의 크기를 참조

미디어

visual

설명

<길이>

길이를 지정한다.

<백분율>

백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산 된다.

auto

자동으로 계산된 크기를 지정한다.

inherit

부모 요소의 값을 상속하도록 지정한다.

-------------------------------------------------------------------------------------------------------

예제)

View Source :

<style>
 div.wrap { 
  position: relative; 
  background: #000;
  height: 100px;
 }
 div.box {
  position: absolute;
  right: 25px; /* 기준 박스의 오른쪽 경계에서부터 안쪽으로 25px 떨어짐 */
  background: #f0f;
  height: 50px;
  width: 50px;
 }
</style>
<body>
 <div class="wrap">
  <div class="box"></div>
 </div>
</body>

-------------------------------------------------------------------------------------------------------

Result :

''.' Programs > CSS' 카테고리의 다른 글

Position  (0) 2012.03.20
Top  (0) 2012.03.20
Bottom  (0) 2012.03.20
Left  (0) 2012.03.20
Z-Index  (0) 2012.03.20