CSS background-position Özelliği

CSS background-position

Css background-position özelliği ile arka plan konumlandırma işlemleri ,yön kelimleri veya sayısal değerler girilerek daha kolay istenilen sonuca gidilebilir.

Örnek:

Arka plan resmi olarak belirlenen resmi , background-position özelliğini kullanarak merkezde konumlanmasını sağlayalım !.

body { background-image: url('html-css.png'); background-repeat: no-repeat; background-attachment: fixed; background-position: center; }

CSS background-position nedir nasıl kullanılır

Css background-position özelliği kullılarak arka plan resimlerinin konumlandırılması çok daha kolay yapılabilir.Denemek için örneklere tıklayınız.

CSS background-position CSS background-position özellikleri  
Varsayılan Değer: 0% 0%  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS1  
JavaScript background-position: object.style.backgroundPosition="center"

CSS background-position Tarayıcı Desteği

CSS Kodu:
background-position 1.0 4.0 1.0 1.0 3.5

CSS background-position Değerleri

background-position:Değerleri biz yazıyoruz;

CSS background-position özelliği değerleri

CSS background-position değerleri CSS background-position değerleri tanımları CSS Örnek Uygulamalar
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
Yön kelimeleri kullanarak konumlandırma işlemi yapılır.
x% y% Sayfanın veya html elemanının yatay eksende ve düşey eksen konumlarını yüzde değerleriyle belirtilerek konumlandırma işleminin yapılmasını sağlar
xpos ypos Sayfanın veya html elemanının yatay eksende ve düşey eksen konumlarını sayısal uzunluk belirtilerek konumlandırma işleminin yapılmasını sağlar
initial Varsayılan başlangıç değerini alır.
inherit Soybağından  

Yorumlar

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

CSS top Özelliği

HTML strong Etiketi

Javascript ile neler yapılabilir

Kriptopara nasıl alınır ve nereden alınır?

Javascript Oyun Yapma Dersleri HTML5+CSS3

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

HTML5 Canvas Oyun Yapımı Dersleri

CSS align-self özelliği