Min-genişlik - CSS Hileleri

Anonim

CSS'deki min-widthözellik, belirtilen bir öğenin minimum genişliğini ayarlamak için kullanılır . min-widthÖzelliği her zaman geçersiz kılar widthönce veya sonra ilerlemediğini özelliği widthsizin bildiriminde. Yazarlar, pozitif bir değer olduğu sürece uzunluk değerlerinden herhangi birini kullanabilirler.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Bu Kaleme bakın!

min-widthBu özellik diğer ana öğelerden miras alınmadığı için miras alındığını varsayarken dikkatli olun . Yazarlar bir genişliği mutlak bir değer (px, pt, in, cm, mm) kullanarak tanımlarlarsa, genişlik sonsuz olarak tanımlandığı için min-genişlik etkilenmeyecektir. Örneğin, widthuzunluk olarak 200px'lik bir değer kullanılırsa min-width, width(yani 200px) için mutlak bir değer belirttiğiniz için 100px değeriniz gerekli olmayacaktır . Kullanım için en iyi yolu min-width, bir tanımlamaktır widthbir yüzdesi olarak ve mutlak değerini kullanmak min-widthaksi takdirde her iki için için bir yüzde değeri kullanılarak özelliği min-widthve widthbeklenen bir sonuç üretmek değildir.

Tarayıcı desteği

Krom Safari Firefox Opera IE Android iOS
24+ 5.1+ 18+ 12.1+ 8+ 2.1+ 3.2+

İlgili özellikler

15 Ocak 2021'de Almanak

yükseklik

.element ( height: 500px; ) Sara Cope