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
1-Arka plan Rengi (Background-color)
Sayfaya yada bir xhtml elemanına Arka plan rengi atamak için kullanılınır.Renk ataması yapılırken rengin İngilizce kelime karşılığı rgb, yada hex atama yapılabilir.
| Aldığı değer | Açıklama |
| inherit | Ata elemanın aldığı renk değerini miras alır |
| transparent | Default, renksiz hali |
| color | Rengin İngilizce adı,rgb,hex değer |
6 views
