• Buradasın

    CSS'de görsel nasıl sığdırılır?

    Yazeka

    Arama sonuçlarına göre oluşturuldu

    CSS'de görseli sığdırmak için 
    object-fit
     özelliği kullanılır 13. Bu özellik, görselin içerik kutusuna nasıl yerleştirileceğini belirler ve aşağıdaki değerleri alabilir:
    1. fill
      : Varsayılan değerdir, görüntüyü en/boy oranına bakılmaksızın içerik kutusuna uyacak şekilde uzatır 13.
    2. contain
      : En/boy oranını korurken kutuya doldurmak için resmin boyutunu artırır veya azaltır 13.
    3. cover
      : Resim, en/boy oranını koruyarak kutunun yüksekliğini ve genişliğini doldurur, ancak işlem sırasında resmi kırparak 13.
    4. none
      : Resim orijinal boyutlarını korur ve içerik kutusu içine sığmaya çalışmaz, taşan kısımlar kırpılır 13.
    5. 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 13.
    Ayrıca, görselin boyutlandırılması için 
    max-width
    ve 
    max-height
     özellikleri de kullanılabilir ve bu özellikler ekranın boyutuna göre otomatik olarak yeniden boyutlandırma sağlar 2.
    5 kaynaktan alınan bilgiyle göre:

      Yanıtı değerlendir

      5 kaynak

      1. hasanunal.org
        1
      2. codeinstitute.net
        2
      3. tr.basicit.org
        3
      4. juniortoexpert.com
        4
      5. fatihhayrioglu.com
        5

  • Konuyla ilgili materyaller

    CSS'de vh nedir?
    vh (viewport height) CSS'de görünüm alanının yüksekliğini ifade eder ve bu, görünür web sayfası alanının %1'ine eşittir.
    CSS'de vh nedir?
    5 kaynak