Left
개요 : 이 속성은 위치된 요소의 왼쪽 간격(offset)을 지정한다.
정의
left |
설명 |
값 |
<길이> | <백분율> | auto | inherit |
기본값 |
auto |
적용대상 |
위치된 요소 |
상속 |
안됨 |
백분율 |
용기 블럭의 크기를 참조 |
미디어 |
visual |
값
값 |
설명 |
<길이> |
길이를 지정한다. |
<백분율> |
백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산 된다. |
auto |
자동으로 계산된 크기를 지정한다. |
inherit |
부모 요소의 값을 상속하도록 지정한다. |
-----------------------------------------------------------------------------------------------------------------------------------------
예제
View Source :
<style> div.wrap { position: relative; background: #000; height: 100px; } div.box { position: absolute; left: 50px; /* 기준 박스의 오른쪽 경계에서부터 안쪽으로 50px 떨어짐 */ background: #f0f; height: 50px; width: 50px; } </style> <body> <div class="wrap"> <div class="box"></div> </div> </body>-----------------------------------------------------------------------------------------------------------------------------------------
Result :