top :

Position: absolute olarak konumlandırılmış elementler için position: relative’li elementin top değerine göre ayarlanır.

Position: relative li elementli nesneler için ise kendi bulunduğu konumuna göre top değerini kazanır.

Not: position: static te hiçbir etkisi yoktur.

Örnek

.relative {
  width: 300px;
  height: 300px;
  position: relative;
  border : 1px solid red;
}
.absolute {
  width: 150px;
  height: 150px;
  position: absolute;
  border: 1px solid green;
  top: 50%;
  margin-top: -75px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer	Açıklama
auto	otomatik olarak ayarlanır.
length	Elementin px,cm,pt,yüzdeli vs. değerler alabileceğini belirtir.
İnital
İnherit

Tarayıcı Desteği

1.0	1.0	5.0	1.0	6.0