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