• Gündem
  • Alışveriş
  • Finans
  • YaCevap
  • Seyahat
  • Video
  • Görsel
  • Ana Sayfa
  • Teknoloji
  • Psikoloji ve İlişkiler
  • Bilim ve Eğitim
  • Yemek
  • Kültür ve Sanat
  • Filmler ve Diziler
  • Ekonomi ve Finans
  • Oyun
  • Spor
  • Güzellik ve Moda
  • Faydalı İpuçları
  • Otomobil
  • Hukuk
  • Seyahat
  • Hayvanlar ve doğa
  • Sağlık
  • Diğer
  • Buradasın
    • YaCevap ›
    • Teknoloji ›

    Object-fit cover ne işe yarar?

    • #Teknoloji
    • #WebGeliştirme
    • #CSS

    Yazeka

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

    Object-fit: cover özelliği, resmin genişlik ve yükseklik değerlerinden küçük olanı, uygulandığı etiketi kapsayacak şekilde yerleştirir ve diğer küçük olanı da buna göre en boy oranı bozulmayacak şekilde değiştirir 12.
    Bu özellik, görüntünün orantılı olarak kutuyu doldurmasını ve gerekirse kırpılmasını sağlar 23.
    5 kaynaktan alınan bilgiyle göre:

      Yanıtı değerlendir

      5 kaynak

      1. mehsatek.com
        1
      2. mimo.org
        2
      3. juniortoexpert.com
        3
      4. geeksforgeeks.org
        4
      5. tercihyazilim.com
        5
    • Object-fit özelliği hangi durumlarda kullanılır?

    • CSS'de başka hangi görüntü özellikleri var?

    • Object-fit: contain ne işe yarar?

    • Daha fazla bilgi

  • Yazeka nedir?
Seçili sitelerdeki metinlere göre Yazeka tarafından oluşturulan yanıtlardır. Hatalar içerebilir. Önemli bilgileri kontrol ediniz.
  • © 2025 Yandex
  • Gizlilik politikası
  • Kullanıcı sözleşmesi
  • Hata bildir
  • Şirket hakkında
{"6dd80":{"state":{"logoProps":{"url":"https://yandex.com.tr"},"formProps":{"action":"https://yandex.com.tr/search","searchLabel":"Bul"},"services":{"activeItemId":"answers","items":[{"url":"https://yandex.com.tr/gundem","title":"Gündem","id":"agenda"},{"url":"https://yandex.com.tr/shopping","title":"Alışveriş","id":"shopping"},{"url":"https://yandex.com.tr/finance","title":"Finans","id":"finance"},{"url":"https://yandex.com.tr/yacevap","title":"YaCevap","id":"answers"},{"url":"https://yandex.com.tr/travel","title":"Seyahat","id":"travel"},{"url":"https://yandex.com.tr/video/search?text=popüler+videolar","title":"Video","id":"video"},{"url":"https://yandex.com.tr/gorsel","title":"Görsel","id":"images"}]},"userProps":{"loggedIn":false,"ariaLabel":"Menü","plus":false,"birthdayHat":false,"child":false,"isBirthdayUserId":true,"className":"PortalHeader-User"},"userIdProps":{"flag":"skin","lang":"tr","host":"yandex.com.tr","project":"neurolib","queryParams":{"utm_source":"portal-neurolib"},"retpath":"https%3A%2F%2Fyandex.com.tr%2Fyacevap%2Fc%2Fteknoloji%2Fq%2Fobject-fit-cover-ne-ise-yarar-2883634255%3Flr%3D213%26ncrnd%3D56622","tld":"com.tr"},"suggestProps":{"selectors":{"form":".HeaderForm","input":".HeaderForm-Input","submit":".HeaderForm-Submit","clear":".HeaderForm-Clear","layout":".HeaderForm-InputWrapper"},"suggestUrl":"https://yandex.com.tr/suggest/suggest-ya.cgi?show_experiment=222&show_experiment=224","deleteUrl":"https://yandex.com.tr/suggest-delete-text?srv=web&text_to_delete=","suggestPlaceholder":"Yapay zeka ile bul","platform":"desktop","hideKeyboardOnScroll":false,"additionalFormClasses":["mini-suggest_theme_tile","mini-suggest_overlay_tile","mini-suggest_expanding_yes","mini-suggest_prevent-empty_yes","mini-suggest_type-icon_yes","mini-suggest_personal_yes","mini-suggest_type-icon_yes","mini-suggest_rich_yes","mini-suggest_overlay_dark","mini-suggest_large_yes","mini-suggest_copy-fact_yes","mini-suggest_clipboard_yes","mini-suggest_turboapp_yes","mini-suggest_expanding_yes","mini-suggest_affix_yes","mini-suggest_carousel_yes","mini-suggest_traffic_yes","mini-suggest_re-request_yes","mini-suggest_source_yes","mini-suggest_favicon_yes","mini-suggest_more","mini-suggest_long-fact_yes","mini-suggest_hide-keyboard_yes","mini-suggest_clear-on-submit_yes","mini-suggest_focus-on-change_yes","mini-suggest_short-fact_yes","mini-suggest_app_yes","mini-suggest_grouping_yes","mini-suggest_entity-suggest_yes","mini-suggest_redesigned-navs_yes","mini-suggest_title-multiline_yes","mini-suggest_type-icon-wrapped_yes","mini-suggest_fulltext-highlight_yes","mini-suggest_fulltext-insert_yes","mini-suggest_lines_multi"],"counter":{"service":"neurolib_com_tr_desktop","url":"//yandex.ru/clck/jclck","timeout":300,"params":{"dtype":"stred","pid":"0","cid":"2873"}},"noSubmit":false,"formAction":"https://yandex.com.tr/search","tld":"com.tr","suggestParams":{"srv":"serp_com_tr_desktop","wiz":"TrWth","yu":"6505023621755250804","lr":213,"uil":"tr","fact":1,"v":4,"use_verified":1,"safeclick":1,"skip_clickdaemon_host":1,"rich_nav":1,"verified_nav":1,"rich_phone":1,"use_favicon":1,"nav_favicon":1,"mt_wizard":1,"history":1,"nav_text":1,"maybe_ads":1,"icon":1,"hl":1,"n":10,"portal":1,"platform":"desktop","mob":0,"extend_fw":1,"suggest_entity_desktop":"1","entity_enrichment":"1","entity_max_count":"5"},"disableWebSuggest":false},"context":{"query":"","reqid":"1755250860635237-16180612754911220181-balancer-l7leveler-kubr-yp-vla-27-BAL","lr":"213","aliceDeeplink":"{\"text\":\"\"}"},"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"6dd8w01-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"header"}}}}},"type":"neuro_library","subtype":"header"},"6dd81":{"state":{"links":[{"id":"main","url":"/yacevap","title":"Ana Sayfa","target":"_self"},{"id":"technologies","url":"/yacevap/c/teknoloji","title":"Teknoloji","target":"_self"},{"id":"psychology-and-relationships","url":"/yacevap/c/psikoloji-ve-iliskiler","title":"Psikoloji ve İlişkiler","target":"_self"},{"id":"science-and-education","url":"/yacevap/c/bilim-ve-egitim","title":"Bilim ve Eğitim","target":"_self"},{"id":"food","url":"/yacevap/c/yemek","title":"Yemek","target":"_self"},{"id":"culture-and-art","url":"/yacevap/c/kultur-ve-sanat","title":"Kültür ve Sanat","target":"_self"},{"id":"tv-and-films","url":"/yacevap/c/filmler-ve-diziler","title":"Filmler ve Diziler","target":"_self"},{"id":"economics-and-finance","url":"/yacevap/c/ekonomi-ve-finans","title":"Ekonomi ve Finans","target":"_self"},{"id":"games","url":"/yacevap/c/oyun","title":"Oyun","target":"_self"},{"id":"sport","url":"/yacevap/c/spor","title":"Spor","target":"_self"},{"id":"beauty-and-style","url":"/yacevap/c/guzellik-ve-moda","title":"Güzellik ve Moda","target":"_self"},{"id":"useful-tips","url":"/yacevap/c/faydali-ipuclari","title":"Faydalı İpuçları","target":"_self"},{"id":"auto","url":"/yacevap/c/otomobil","title":"Otomobil","target":"_self"},{"id":"law","url":"/yacevap/c/hukuk","title":"Hukuk","target":"_self"},{"id":"travel","url":"/yacevap/c/seyahat","title":"Seyahat","target":"_self"},{"id":"animals-and-nature","url":"/yacevap/c/hayvanlar-ve-doga","title":"Hayvanlar ve doğa","target":"_self"},{"id":"health","url":"/yacevap/c/saglik","title":"Sağlık","target":"_self"},{"id":"other","url":"/yacevap/c/diger","title":"Diğer","target":"_self"}],"activeLinkId":"technologies","title":"Kategoriler","baobab":{"parentNode":{"context":{"genInfo":{"prefix":"6dd8w02-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"header-categories"}}}}},"type":"neuro_library","subtype":"header-categories"},"6dd82":{"state":{"tld":"com.tr","markdown":"**Object-fit: cover** özelliği, **resmin genişlik ve yükseklik değerlerinden küçük olanı, uygulandığı etiketi kapsayacak şekilde yerleştirir** ve diğer küçük olanı da buna göre en boy oranı bozulmayacak şekilde değiştirir [```1```](https://www.mehsatek.com/css-object-fit-kullanimi/)[```2```](https://mimo.org/glossary/css/object-fit).\n\nBu özellik, **görüntünün orantılı olarak kutuyu doldurmasını** ve gerekirse kırpılmasını sağlar [```2```](https://mimo.org/glossary/css/object-fit)[```3```](https://juniortoexpert.com/tr/css-ile-resmi-sigdirma/).","sources":[{"sourceId":1,"url":"https://www.mehsatek.com/css-object-fit-kullanimi/","title":"Css Object Fit Kullanımı - Mehsatek","shownUrl":"https://www.mehsatek.com/css-object-fit-kullanimi/"},{"sourceId":2,"url":"https://mimo.org/glossary/css/object-fit","title":"CSS Object Fit: Syntax, Usage, and Examples","shownUrl":"https://mimo.org/glossary/css/object-fit"},{"sourceId":3,"url":"https://juniortoexpert.com/tr/css-ile-resmi-sigdirma/","title":"CSS ile Resim Sığdırma (Object-Fit) | Junior to Expert","shownUrl":"https://juniortoexpert.com/tr/css-ile-resmi-sigdirma/"},{"sourceId":4,"url":"https://www.geeksforgeeks.org/css-the-object-fit-property/","title":"CSS Object-Fit Property | GeeksforGeeks","shownUrl":"https://www.geeksforgeeks.org/css-the-object-fit-property/"},{"sourceId":5,"url":"https://www.tercihyazilim.com/Page/css-objectfit","title":"CSS Objectfit Arka Plan Özelliği | Cover, Contain | Object...","shownUrl":"https://www.tercihyazilim.com/Page/css-objectfit"}],"isHermione":false,"headerProps":{"header":"Object-fit cover ne işe yarar?","homeUrl":"/yacevap","categoryUrl":"/yacevap/c/teknoloji","categoryTitle":"Teknoloji","canUseNativeShare":false,"extralinksItems":[{"variant":"reportFeedback","reportFeedback":{"feature":"YazekaAnswers","title":"Bu yanıtta yanlış olan ne?","checkBoxLabels":[{"value":"Uygunsuz veya aşağılayıcı yanıt"},{"value":"Soruma yanıt verilmedi"},{"value":"Bilgi hataları var"},{"value":"Bilgi yetersiz"},{"value":"Bilgi güncel değil"},{"value":"Görüntüleme hataları"},{"value":"Yanıtta kullanılan kaynaklar güvenilir değil"},{"value":"Bu soru için yanıt gerekmiyor"},{"value":"Diğer"}]}}],"tags":[{"href":"/yacevap/t/teknoloji","text":"#Teknoloji"},{"href":"/yacevap/t/webgelistirme","text":"#WebGeliştirme"},{"href":"/yacevap/t/css","text":"#CSS"}]},"suggestProps":{"suggestItems":[{"id":0,"text":"Object-fit özelliği hangi durumlarda kullanılır?","url":"/search?text=Object-fit+%C3%B6zelli%C4%9Fi+kullan%C4%B1m+alanlar%C4%B1&promo=force_neuro"},{"id":1,"text":"CSS'de başka hangi görüntü özellikleri var?","url":"/search?text=CSS+g%C3%B6r%C3%BCnt%C3%BC+%C3%B6zellikleri&promo=force_neuro"},{"id":2,"text":"Object-fit: contain ne işe yarar?","url":"/search?text=Object-fit%3A+contain+ne+i%C5%9Fe+yarar%3F&promo=force_neuro"},{"id":-1,"url":"/search?text=Object-fit+cover+ne+i%C5%9Fe+yarar%3F&promo=force_neuro","text":"Daha fazla bilgi"}]},"feedbackProps":{"feature":"YazekaAnswers","baseProps":{"metaFields":{"yandexuid":"6505023621755250804","reqid":"1755250860635237-16180612754911220181-balancer-l7leveler-kubr-yp-vla-27-BAL"}},"positiveCheckboxLabels":[{"value":"Yanıtı çok beğendim"},{"value":"Yanıtta gerekli bilgiler var"},{"value":"Kolay anlaşılır"},{"value":"Diğer"}],"negativeCheckboxLabels":[{"value":"Uygunsuz veya aşağılayıcı yanıt"},{"value":"Soruma yanıt verilmedi"},{"value":"Bilgi hataları var"},{"value":"Bilgi yetersiz"},{"value":"Bilgi güncel değil"},{"value":"Görüntüleme hataları"},{"value":"Yanıtta kullanılan kaynaklar güvenilir değil"},{"value":"Bu soru için yanıt gerekmiyor"},{"value":"Diğer"}]},"dialogStoreProps":{"baseUrl":"","baseUrlWs":""},"globalStoreProps":{"imageBackendUrl":"https://yandex.com.tr/images-apphost/image-download?cbird=171","query":"","retina":false,"avatarId":"0","isHermione":false,"isMacOS":false,"tld":"com.tr","isEmbeddedFuturis":false,"isLoggedIn":false,"brand":"yazeka","reqId":"1755250860635237-16180612754911220181-balancer-l7leveler-kubr-yp-vla-27-BAL","device":{"isIOS":false,"platform":"desktop"}},"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"6dd8w03-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"question"}}}}},"type":"neuro_library","subtype":"question"},"6dd83":{"state":{"relatedMaterials":[],"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"6dd8w04-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"related"}}}}},"type":"neuro_library","subtype":"related"},"6dd84":{"state":{"tld":"com.tr","isIos":false,"isQuestionPage":true,"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"6dd8w05-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"ask_question"}}}}},"type":"neuro_library","subtype":"ask_question"},"6dd85":{"state":{"generalLinks":[{"id":"privacy-policy","text":"Gizlilik politikası","url":"https://yandex.com.tr/legal/privacy_policy/"},{"id":"terms-of-service","text":"Kullanıcı sözleşmesi","url":"https://yandex.com.tr/legal/tos/"},{"id":"report-error","text":"Hata bildir","url":"https://forms.yandex.com.tr/surveys/13748122.01a6645a1ef15703c9b82a7b6c521932ddc0e3f7/"},{"id":"about-company","text":"Şirket hakkında","url":"https://yandex.com.tr/project/portal/contacts/"}],"copyright":{"url":"https://yandex.com.tr","currentYear":2025},"socialLinks":[{"url":"https://www.tiktok.com/@yandex.turkiye","type":"tiktok","title":"TikTok"},{"url":"https://www.youtube.com/@YandexTurkiye","type":"youtube","title":"Youtube"},{"url":"https://www.facebook.com/YandexComTr","type":"facebook","title":"Facebook"},{"url":"https://www.instagram.com/yandex__turkiye/","type":"instagram","title":"Instagram"},{"url":"https://x.com/yndxturkiye","type":"x","title":"X"}],"categoriesLink":[],"disclaimer":"Seçili sitelerdeki metinlere göre Yazeka tarafından oluşturulan yanıtlardır. Hatalar içerebilir. Önemli bilgileri kontrol ediniz.","baobab":{"parentNode":{"context":{"genInfo":{"prefix":"6dd8w06-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"footer"}}}}},"type":"neuro_library","subtype":"footer"}}