CSS top

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

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir