Maksimum yükseklik - CSS Hileleri

Anonim

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

.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )
Bu Kaleme bakın!

Yüzde, içeren bloğun yüksekliğine göre hesaplanır. Kapsayan bloğun yüksekliği açıkça belirtilmezse, yüzde değeri yok olarak kabul edilir. max-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 Herşey
Kaynak: caniuse

İlgili özellikler

15 Ocak 2021'de Almanak

yükseklik

.element ( height: 500px; ) Sara Cope