4-Arka plan resmi konumu (Background-position)
Arka planın konumunu ayarlamak için kullanılınır.Yani resmin başlangıç noktasını ayarlamak için kullanılınır.
Burada background-repeat özelliği önemlidir.Çünkü eğer background-repeat:no-repeat ise resim tekrarlanmaz ve background-position ile sayfada gösterilecek resmin nerde olacağını ayarlarız.Ama resim tekrarlanıyorsa backround-position ile resmin başlangıç noktası ayarlanır.
Yataydaki ve dikeydeki konumlandırma için left , right , top , bottom,center ifadeleri kullanılınır
Background –position : 2 değer alır yataydaki konumlandırma ve dikeydeki konumlandırma için , Yataydaki konumlandırma left,right, center ile dikeydeki konumlandırma top, center , bottom ile yapılır.Bu iki değerin yazılış sırası önemli değildir.
Background-position: left top ;
Görüldüğü gibi 2 değer almış burada değerler arasında boşluk bırakılmış.
Resim için En üst soldan başlasın komutu verilmiş bunun terside doğru olacaktır.
Background-position: top left ;
Alabileceği değerler ;
Top left : en üst sol
Top center : üst ortada
Top right: üst sağ
Center left : dikeyde orta yatayda soldan başla yani sol orta
Center center : tam orta
Center right: orta sağ
Bottom left : alt sağdan
Bottom center: alt orta
Bottom left : alt sol
Bu değerlerin dışında backround-position özelliği % ve px değerler alabilir. px değerleri kullanmanızı önermiyorum.% değerlere bakalım;
Eğer yatay ve dikey hizalama için % değer verilecekse bu durumda mutlaka ilk değer yatay ikinci değer dikey konumlandırma için yazılmalıdır.
Örneğin
Background-position:50% 0% ;
Yatay konumlandırma 50% aslında yatayda sayfanın tam ortasında olması demek dikey konumlandırma için 0% dikeyde başlangıç noktasında yani top da olması demektir.
15 views
3-Arka plan Resmi yinelenmesi (Background-repeat)
Sayfaya yada bir xhtml elemanına eklemiş olduğunuz arka plan resminin kendisini tekrar edip etmeyeceğini ayarlamak için kullanılınır.
| Aldığı değer | Açıklama |
| repeat | Hem yatay hemde dikey ekseninde tekrarlasın |
| Repeat -x | Sadece yatay ekseninde resim tekrarlansın |
| Repeat-y | Sadece dikey ekseninde resim tekrarlansın |
| no-repeat | Arka plan resmi kendini tekrarlamasın |
| inherit | Ata elemandan miras alır. |
15 views
2-Arka plan Resmi (Background-image)
Sayfaya yada bir xhtml elemanına arka plan resmi atamak için kullanılınır.
Background-image: none değeri atanırsa renk iptal edilmiş olur.
Background-image: inherit ata elemanın artalan resmi varsa miras alınır.
Background-image : url (resmin yolu) şeklinde artalan resmi ataması yapılır.
serverda bulunan bir resmide adresini belirterek kullanmanız mümkündür.
Background-image : url (http://www.cb.net/bg.gif)
2 views
Ücretsiz Domain alabileceğiniz çok güzel bir site paylaşacağım sizlerle.
co.cc uzantılı domaın alabıleceksınız. Üye olmak için tıklayın.
Siteye girip üye olduktan sonra almak istediğiniz domaini kaydedip dns adreslerini yönlendireceksiniz bu kadar
8 views
