CSS maksimum yükseklik Özellik
Örnek
Bir <p> öğesinin maksimum yüksekliğini 50 piksele ayarlayın:
p.ex1
{
max-height: 50px;
}
Tanım ve Kullanım
Özellik max-height
, bir elemanın maksimum yüksekliğini tanımlar.
İçerik maksimum yükseklikten daha büyükse, taşacaktır. Kapsayıcının taşan içeriği nasıl ele alacağı, taşma özelliği tarafından tanımlanır.
İçerik maksimum yükseklikten küçükse
max-height
özelliğin etkisi olmaz.
Not: Bu, height özelliğinin
değerinin değerinden büyük olmasını engeller
max-height
. Özelliğin değeri
max-height
, yükseklik özelliğini geçersiz kılar.
Varsayılan değer: | Yok |
---|---|
Miras: | Hayır |
canlandırılabilir: | evet, bireysel özelliklere bakın . Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS2 |
JavaScript sözdizimi: | nesne .style.maxHeight="100px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
max-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS Sözdizimi
max-height: none|length|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
none | No maximum height. This is default | |
length | Defines the maximum height in px, cm, etc. Read about length units | |
% | Defines the maximum height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Yüksekliği ve Genişliği
CSS referansı: min-height özelliği
HTML DOM referansı: maxHeight özelliği