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