Connect with us

Hi, what are you looking for?

CSS

CSS Dersleri: object-fit

CSS Dersleri: object-fit
CSS Dersleri: object-fit

Merhaba dostlar, Siberdefter‘e hoş geldiniz. Bugün CSS Dersleri‘nde “object-fit” teriminden bahsediyor olacağız. CSS’te object-fit nedir, CSS’te object-fit kullanımı, CSS “object-fit” ne işe yarar? Bu sorulara yanıt bulacaksınız.

Öncelikle biraz İngilizce’ye sahipseniz bu niteliğin neye yaradığını okuyarak anlarsınız. “object-fit” bir objeyi orantılamak için kullandığımız niteliktir. Genellikle resimlerde kullandığımız bu nitelik iki değer ile çalışır.

  • Birinci seçenek; object-fit: cover;
  • İkinci seçenek; object-fit: contain;

Cover dediğimiz zaman görsel belirlediğimiz alana sığdırılır, bu bağlamda görselimize biraz yakınlaştırma eklenmiş olacak. Örnek vermem gerekirse; 400×200 değerlerine sahip bir alana 120×159 değerlerine sahip bir görsel yerleştireceğiz.

object-fit: cover;

Bu kullanımı yaptığımız zaman görselin genişliği 400px, yüksekliği ise 200px olacak ve alana sığdırılacak. Genelde “cover” değerini kullanırız ve daha iyi bir görünüm elde ederiz.

object-fit: contain;

Bu kullanımı yaptığımız zaman ise görsel ortalanır. Yüksekliğinde veya genişliğinde herhangi bir değişim yaşanmaz.

Advertisement. Scroll to continue reading.
Written By

Siberdefter'de Chief Executive Officer

Click to comment

Leave a Reply

E-posta hesabınız yayımlanmayacak.

Editörün Tavsiyeleri

CSS

Siberdefter Akademi’de CSS Dersleri kaldığı yerden devam ediyor dostlar ve bugün arayüz kodlarken işimize çok fazla yarayacak olan clamp() fonksiyonundan bahsediyor olacağız. Arayüz kodlarken...

CSS

Siberdefter Akademi’de CSS Dersleri kaldığı yerden devam ediyor ve bugün CSS’in sözde sınıflarından :not() methodunu öğreniyor olacağız. Özellikle detaylı arayüz çalışmalarında oldukça faydası dokunan...

CSS

Siberdefter’de CSS Dersleri kaldığı yerden devam ediyor dostlar, bugün ‘margin’ özelliği CSS’te ne işe yarar bize ne sağlar bunu öğreniyor olacağız. Bir websitesine girdiğimiz...

CSS

Merhaba dostlar, Siberdefter‘e hoş geldiniz. Bugün CSS Dersleri‘ne kaldığımız yerden devam ediyoruz, bugünb CSS ile bir yazıya nasıl renk verebiliriz ondan bahsediyor olacağız. Bir...

Advertisement