Çok eski bir web tarayıcısı kullanıyorsunuz. Bu veya diğer siteleri görüntülemekte sorunlar yaşayabilirsiniz.. Tarayıcınızı güncellemeli veya alternatif bir tarayıcı kullanmalısınız.
ScriptARKAPLAN İÇİN KULLANDIĞIMIZ CSS KODLARI VE ANLAMLARI
Diğer arkaplan Css özelliklerini tek seferde background özelliği ile kullanabiliriz. Kullanımı şu şekildedir: background: background–color background–image background–position/background–size background–repeat background–origin background–clip background–attachment ;
background-attachment
Arkaplana yerleştirdiğimiz resmin sabit kalmasını sağlamak için kullanılır.
background-clip
Arkaplana vermiş olduğumuz rengin başlangıç alanını belirtmek için kullanılır. Bu özelliğe 3 değer verebiliyoruz. Bunlar:
padding-box : Varsayılan değerdir. Rengin padding alanından başlamasını sağlar.
border-box : Rengin border alanından başlamasını sağlar.
content-box : Rengin içerik alanından başlamasını sağlar.
background-color
Bu özellik ile bir Html öğesine veya sayfanın tamamına arkaplan rengi verebiliriz.
background-image
Bu özellik ile bir Html öğesine veya sayfanın tamamına arkaplan resmi yerleştirebiliriz.
background-origin
Arkaplana yerleştirdiğimiz resmin başlangıç alanını belirtmek için kullanılır. Bu özelliğe 3 değer verebiliyoruz. Bunlar:
padding-box : Varsayılan değerdir. Resmin padding alanından başlamasını sağlar.
border-box : Resmin border alanından başlamasını sağlar.
content-box : Resmin içerik alanından başlamasını sağlar.
background-position
Arkaplana yerleştirdiğimiz resmin konumunu belirtmek için kullanılır. Bu özelliğe 4 değer verebiliyoruz. Bunlar:
top : Üstte
bottom : Altta
right : Sağda
left : Solda
center : Ortada
background-repeat
Arkaplana yerleştirdiğimiz resmin yatayda ve dikeyde tekrar edip etmeme durumunu belirtmek için kullanılır. Bu özelliğe 4 değer verebiliyoruz. Bunlar:
repeat-x : Resim x ekseninde tekrar eder.
repeat-y : Resim y ekseninde tekrar eder.
no-repeat : Resim tekrar etmez.
repeat : Varsayılan değerdir.Resim x ve y eksenlerinde tekrar eder.
background-size
Arkaplana yerleştirdiğimiz resmin boyutlarını belirtmek için kullanılır. Bu özelliğe 5 değer verebiliyoruz. Bunlar:
auto : Varsayılan değerdir. Resim orjinal boyutlarında yerleştirilir.
uzunluk değerleri : İki değer verilirse, birinci değer genişlik için ikinci değer ise yükseklik için uygulanır. Tek değer verilirse, hem genişlik hemde yükseklik için bu değer uygulanır.
yüzde olarak değer : İki değer verilirse, birinci değer genişlik için ikinci değer ise yükseklik için uygulanır. Tek değer verilirse, hem genişlik hemde yükseklik için bu değer uygulanır.
contain : Resmin genişlik ve yükseklik değerlerinden büyük olanı, uygulandığı etiketi kapsayacak şekilde yerleştirilir. Diğer küçük olanıda buna göre en boy oranı bozulmayacak şekilde değişir.
cover : Resmin genişlik ve yükseklik değerlerinden küçük olanı, uygulandığı etiketi kapsayacak şekilde yerleştirilir. Diğer küçük olanıda buna göre en boy oranı bozulmayacak şekilde değişir.
