CSS position Özelliği

CSS position

Css position :elementlerin belgenin sol üst köşesinden başlayarak belli bir hizaya göre yer almalarını sağlayan css özelliğidir.

Örnek:

Bu örnekte bir h3 elemanı position:absolute değeriyle konumlandırılmıştır.

h3 { position: absolute; left: 50px; top: 160px; background-color: yellow; border: 1px solid black; width: 180px; }

CSS position nedir nasıl kullanılır

Html elemanlarının konumlandırma özelliklerini atayan değiştiren css özelliğidir.4 çeşit konumlandırma yapılabilir.

  1. Durağanstatic
  2. Göreceli-->relative
  3. Mutlak-->absolute
  4. Sabit-->fixed

CSS position CSS position özellikleri  
Varsayılan Değer: static  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS2  
JavaScript position: object.style.position="absolute"

CSS position Tarayıcı Desteği

Tablodaki sayılar özelliği destekleyen ilk tarayıcı versiyonlarını gösterir.

CSS Kodu:
position 1.0 7.0 1.0 1.0 4.0

CSS position Değerleri

position: static|absolute|fixed|relative|initial|inherit;

CSS position özelliği değerleri

CSS position değerleri CSS position değerleri tanımları CSS örnek uygulamalar
static html elemanı durağan yapıdadır.Left ,right,top gibi değerlerle hareket ettirilemez.
absolute Bu değeri alan html elementi verilen right,left ,bottom gibi değerlerle sayfanın içerisinde istenilen konuma yerleştirilebilir.
fixed Bir html elemanının kaydırma çubukları hareket ettiğinde bile sabit kalmasını sağlayan değerdir.
relative Relative değeri alan bir eleman sayfada kod yazılırken ki akış diyagramını bozmayacak şekilde hareket ettirilebilirve konumlandırılabilir.
initial Özelliğin varsayılan halidir.
inherit Kalıtsal gelen değeri aktif olur..  

Yorumlar

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek

javascript ile aciklama satiri ve haftanın gunünü bulma

Uyurken Bile Para Kazanmak İster misin