topプロパティは、位置指定されている要素（positionプロパティの値がstatic以外の要素）を上辺からどの位置に配置するかを指定します。
その為、単体で使用する事は無く、positionプロパティと併せて使用します。

尚、bottomプロパティと競合した場合はtopプロパティが優先されるため、bottomプロパティの指定は無視されます。

対応ブラウザ

• 
• 
• 
• 
• 
• 
• 

プロパティの解説

値

<パーセント>｜<長さ>｜auto｜inherit

初期値

auto

適用される要素

位置指定されている要素

継承

しません

パーセント値

包含ブロックの高さに対する割合

メディア

visual

topのサンプル

.item {
  position: relative;
  height: 100px;
  margin: 30px 10px;
  background: #333;
}

.item img {
  position: absolute;
  top: 10px;
}

<div class="item">
<img src="/img/bnr/happyline.gif" alt="happyLine" />
</div>

.itemを基点にして、img要素を上辺から10pxの位置に表示しています。
このサンプルを今見ているブラウザで表示すると以下のようになります。

サンプルのブラウザ上の表示