Min-yükseklik - CSS Hileleri

Anonim

CSS'deki min-heightözellik, belirtilen bir öğenin minimum yüksekliğini ayarlamak için kullanılır . min-heightÖzelliği her zaman hem geçersiz kılar heightve max-height. Yazarlar, pozitif bir değer olduğu sürece uzunluk değerlerinden herhangi birini kullanabilirler.

.wrapper ( height: 100%; /* full height of the content box */ min-height: 20em; /* Will be AT LEAST 20em tall */ ) .wrapper ( height: 600px; min-height: 400px; /* Will be AT LEAST 20em tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Değerlerden biri daha büyükse ( height> min-heightveya tam tersi), en büyük olan değer işlenendir. min-heightÖzelliği yerleştirilmeyen içi elemanları, tablo sütunları ve sütun grupları (yani dışındaki tüm elemanlar için de geçerlidir colgroup, col).

Tarayıcı desteği

IE Kenar Firefox Krom Safari Opera
Herşey Herşey Herşey Herşey Herşey Herşey
Android Chrome Android Firefox Android Tarayıcı iOS Safari Opera Mobile
Herşey Herşey Herşey Herşey 59+
Kaynak: caniuse

İlgili özellikler

15 Ocak 2021'de Almanak

yükseklik

.element ( height: 500px; ) Sara Cope