• object-fit: Görsellerin içerik kutusuna en/boy oranını koruyarak, mümkün olduğunca uzatarak veya mümkün olduğunca fazla yer kaplayacak şekilde yerleştirilmesini sağlar 13.
• fill: En/boy oranına bakılmaksızın görüntüyü içerik kutusuna uyacak şekilde uzatır 3.
• contain: En/boy oranını korurken kutuya doldurmak için duruma göre resmin boyutunu artırır veya azaltır 3.
• cover: Resim, en/boy oranını koruyarak ancak işlem sırasında resmi kırparak kutunun yüksekliğini ve genişliğini doldurur 3.
• scale-down: Resim, en küçük somut nesne boyutunu bulmak için "none" ve "contain" arasındaki farkı karşılaştırır ve uygun olanı uygular 3.
• none: Resim orijinal halindeki boyutlarını korur ve içerik kutusu içine sığmaya çalışmaz 3.

.sigdirveortala {
  background-size: cover;
  background-position: center center;
}
Kopyala

• tasarimkodlama.com 1;
• fatihhayrioglu.com 3;
• teknobeyin.com 4.