CSS top Özelliği

CSS top

Css top özelliği ile durağan halde bulunmayan html elementlerinin konumları düzenlenebilir.

Örnek:

Bu örnekte kapsayıcısı içinde bulunan küçük kutu büyük kutuya göre 150px uzaklıktadır.

div.relative { position: relative; width: 250px; height: 280px; border: 2px solid yellow; } div.absolute { position: absolute; top: 150px; width: 100px; height: 100px; border: 2px solid blue; }

CSS top nedir nasıl kullanılır

Css top özelliğini kullanırken dikkat edilmesi gereken elementin position değeridir.Bu değer varsayılan olarak relative dir.Yani eleman durağan haldedir.Top değeri girilse bile eleman konum değiştirmez.

CSS top CSS top özellikleri  
Varsayılan Değer: auto  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS2  
JavaScript top: object.style.top="400px"

CSS top Tarayıcı Desteği

Talodaki sayılar özelliği ilk destekleyen tarayıcı versiyonlarıdır.

CSS Kodu:
top 1.0 5.0 1.0 1.0 6.0

CSS top Değerleri

top: auto|length|initial|inherit;

CSS top özelliği değerleri

CSS top değerleri CSS top değerleri tanımları CSS örnek uygulamalar
auto Tarayıcının otamatik varsayılan değeridir.
length Px cm gibi sayısal değer verilir.
% Yüzde olarak değer girilir.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak aldığı değerdir.  

Yorumlar

Bu blogdaki popüler yayınlar

CSS content Özelliği

HTML progress Etiketi

HTML section Etiketi

CSS justify-content Özelliği

CSS align-items özelliği

CSS transition-delay Özelliği

CSS border-collapse Özelliği

CSS text-justify Özelliği

CSS background-repeat Özelliği