Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

CSS bottom Özelliği

CSS bottom Özelliği

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.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam283611651
Bugün1263

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ı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

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 da fixed 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ındayken relative gibi, öge görüş açısından çıkınca fixed gibi davranır.

    Yani kendisini kapsayan ögede kaydırma çubuğu çıkmıyorsa ya da çıktığı halde sınırlar içindeyse relative gibi ama kaydırma çubuğu kaydığında kadrajdan çıkması gerektiği noktadan itibaren fixed gibi davranır.

  • Eğer konum static etkisizdir.

bottom Ö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.

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

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 konumu top ö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 konumu top özelliğine göre belirlenir ya da eğer top özelliği de auto ise öge dikeyde kımıldamaz.
<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.
<yüzde>
Kendini kapsayan blokun yüksekliğinin yüzdesi üzerinden uzaklık.
Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
CSS bottom Özelliği