CSS bottom Özelliği
CSS bottom özelliği
Örnek:
Relative değeri almış bir kutunun içerisine absolute değeri almış bir kutu yerleştirip bottom değeri verildiğinde ,absolute değeri alan kutu istenilen şekilde konumlandırılabilir.div.relative { position: relative; width: 250px; height: 280px; border: 2px solid yellow; } div.absolute { position: absolute; bottom: 30px; width: 100px; height: 100px; border: 2px solid blue; }
CSS bottom nedir nasıl kullanılır
Css bottom özelliğinde dikkat edilmesi gereken bir kaç nokta vardır.
- Eğer uygulanacak olan html elemanının
position
değeristatic
ise bottom özelliği etkisini gösteremez .Hareket olmaz. - Eğer
position
değerirelative
ise kendinden sonra gelen bir başka html elemanından yukarı yönde girilen değer kadar uzaklaşır. - Eğer
position
değeriabsolute
ise html elemanı "document.body" yani sayfayı referans alarak konumlandıma işlemi tamamlanır.
CSS bottom | CSS bottom özellikleri | |
---|---|---|
Varsayılan Değer: | auto | |
Kalıtsallık: | yok | |
Animasyon Özelliği: | var | |
Versiyon: | CSS2 | |
JavaScript bottom: | object.style.bottom="100px" |
CSS bottom Tarayıcı Desteği
CSS Kodu: | |||||
---|---|---|---|---|---|
bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSS bottom Değerleri
bottom:auto|length|initial|inherit;
Yorumlar
Yorum Gönderme