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

Popüler yayınlar

HTML Metin Biçimlendirme Etiketleri

HTML em Etiketi

HTML hr Etiketi

CSS justify-content Özelliği

HTML table Etiketi

CSS align-items özelliği

HTML pre Etiketi

CSS flex-basis Özelliği

HTML menu Etiketi

CSS content Özelliği