top Özelliği Temel Özellikler
- CSS Yazımı :
top: <uzunluk> | <yüzde> | auto;- Örnek :
top: auto;|top: 131px;|top: 13%;- Öntanımlı Değer :
auto- Uygulanabilen Etiketler :
- Konumlandırılmış etiketler.
- Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Desteklenmiyor
animationÖzelliği - Javascript :
öge.style.top = "131px";- Sürüm :
- CSS2 (düz. 1) / CSS Positioned Layout Module Level 3 / CSS Transitions
- Açıklama :
top Özelliği Kullanımı
Markanız için 300X300 alan.
CSS top özelliği; konumlandırılmış ögenin dikey konumunu belirlemede kullanılır. Etkisi, ögenin nasıl konumlandırıldığına (yani position özelliğinin değerine) göre değişir. top özelliğinin konumlandırılmamış ögeler üzerinde etkisi yoktur.
-
Eğer konum
absoluteya dafixedise ögenin üst kenarının, kendisini kaplayan ögenin üst kenarına uzaklığını ayarlar.
Yani kendisini, kendisini kapsayan ögenin yukarısına göre konumlandırır.
-
Eğer konum
relativeise kendi üst kenarının yine kendi olağan üst kenarına uzaklığını ayarlar.
Yani kendisini, kendi yukarısına göre konumlandırır.
-
Eğer konum
stickyise öge görüş açısındaykenrelativegibi, öge görüş açısından çıkıncafixedgibi davranır.
Yani kendisini kapsayan ögede kaydırma çubuğu çıkmıyorsa ya da çıktığı halde sınırlar içindeyserelativegibi ama kaydırma çubuğu kaydığında kadrajdan çıkması gerektiği noktadan itibarenfixedgibi davranır.
-
Eğer konum
staticetkisizdir.
top Özelliği Tarayıcı Desteği
MasaüstüTaşınabilir
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 1 | 6 | 1 | 1 | 5 [1] |
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 4 | Var | Var | Var | Var |
[1] İnternet Explorer 7'den önce bottom ve top özelliklerinin ikisi de tanımlandığında top özelliği önceliklidir; ögenin işlenmiş bottom değeri -top iken belirlenmiş değeri ise göz ardı edilir.
top Özelliğinin Alabileceği Değerler
auto-
Hesaplamayı tarayıcı yapar. Öntanımlı değer.
- Mutlak konumlandırılmış ögeler için (
absolute) ögenin konumubottomözelliğine göre belirlenir çünküheight: auto;içerik yüksekliğine bağlıdır. - Göreli konumlandırılmış ögeler için (
relative) ögenin konumubottomözelliğine göre belirlenir ya da eğerbottomözelliği deautoise öge dikeyde kımıldamaz.
- Mutlak konumlandırılmış ögeler için (
<uzunluk>-
Eksi, sıfır, ya da artı uzunluk değerinin karşılığı:
- Mutlak konumlandırılmış ögeler için (
absolute) kendini kapsayan ögenin üst kenarına uzaklık. - Göreli konumlandırılmış ögeler için (
relative) kendi üst kenarına uzaklık.
- Mutlak konumlandırılmış ögeler için (
<yüzde>- Kendini kapsayan blokun yüksekliğinin yüzdesi üzerinden uzaklık.