Max-height Özellik CSS

[Rooster]

max-height özelliği, bir elemanın maksimum içerik yüksekliğini belirlemenizi sağlar. Elemanımızın içi çok dolu olsada maximum yüksekliği geçmeyecektir. Bu maksimum yükseklik padding sınırları ya da kenar boşluklarını içermez.

Not: max-height daha büyük değer verilen yükseklik(height) özelliğinin değerini geçersiz yapar.

CSS;

div{
     height: 200px;
     max-height: 100px;
     background: #33cc00;
    }
 p{
    max-height: 100px;
    background: #F0E68C;
   }

HTML;

<div>Bu div öğesinin maksimum yüksekliği 100px
 ayarlanır, bu nedenle daha uzun olamaz</div>

<p>Bu bir deneme yazısıdır.</p>

ÇIKTI;
​

 

[Hackerboy]

Teşekkürler.