bottom
Özelliği Temel Özellikler
- CSS Yazımı :
bottom: <uzunluk> | <yüzde> | auto;
- Örnek :
bottom: auto;
|bottom: 131px;
|bottom: 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 :
- Destekleniyor
animation
Özelliği - Javascript :
öge.style.bottom = "123px";
- Sürüm :
- CSS2 (düz. 1) / CSS Positioned Layout Module Level 3 / CSS Transitions
- Açıklama :
bottom
Özelliği Kullanımı
Markanız için 300X300 alan.
CSS bottom
ö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. bottom
özelliğinin konumlandırılmamış ögeler üzerinde etkisi yoktur.
-
Eğer konum
absolute
ya dafixed
ise ögenin alt kenarının, kendisini kaplayan ögenin alt kenarına uzaklığını ayarlar.
Yani kendisini, kendisini kapsayan ögenin altına göre konumlandırır.
-
Eğer konum
relative
ise kendi alt kenarının yine kendi olağan alt kenarına uzaklığını ayarlar.
Yani kendisini, kendi altına göre konumlandırır.
-
Eğer konum
sticky
ise öge görüş açısındaykenrelative
gibi, öge görüş açısından çıkıncafixed
gibi davranır.
Yani kendisini kapsayan ögede kaydırma çubuğu çıkmıyorsa ya da çıktığı halde sınırlar içindeyserelative
gibi ama kaydırma çubuğu kaydığında kadrajdan çıkması gerektiği noktadan itibarenfixed
gibi davranır.
-
Eğer konum
static
etkisizdir.
bottom
Özelliği Tarayıcı Desteği
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.
bottom
Özelliğinin Alabileceği Değerler
auto
-
Hesaplamayı tarayıcı yapar. Öntanımlı değer.
- Mutlak konumlandırılmış ögeler için (
absolute
) ögenin konumutop
ö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 konumutop
özelliğine göre belirlenir ya da eğertop
özelliği deauto
ise ö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 alt kenarına uzaklık. - Göreli konumlandırılmış ögeler için (
relative
) kendi alt kenarına uzaklık.
- Mutlak konumlandırılmış ögeler için (
<yüzde>
- Kendini kapsayan blokun yüksekliğinin yüzdesi üzerinden uzaklık.