CSS Aradalan Resminin Konum Ayarları

CSS arka plan resminin konumunu ayarlamak için background-position özelliği kullanılır. Bu özellik, arka plan resminin HTML öğesinin içindeki konumunu belirler. İki değer alabilir: yatay konum ve dikey konum.

İşte background-position özelliğinin kullanımı:

div {
  background-image: url('background.jpg'); /* Arka plan resmi ekleme */
  background-position: right top; /* Yatayda sağa, dikeyde yukarı konum */
}

Bu örnekte, background-position özelliği ile arka plan resminin konumu belirlenmiştir. right değeri yatayda sağa, top değeri dikeyde yukarı konumu ifade eder. İsterseniz bu değerleri farklı birimlerle belirleyebilirsiniz.

Ayrıca, bu özellikle ilgili farklı birimler kullanabilirsiniz:

• Piksel (px), yüzde (%), em (em) gibi uzunluk birimleri
• left, center, right gibi kelime değerleri
• Kombinasyonlar, örneğin 50% 50% (yatayda orta, dikeyde orta)

Örnek:

div {
  background-image: url('background.jpg');
  background-position: 50% 50%; /* Yatayda orta, dikeyde orta konum */
}

Bu şekilde, arka plan resminin konumunu belirleyerek sayfanızın tasarımını daha fazla özelleştirebilirsiniz.