CSS - tinggi maksimal

Deskripsi

Properti max-height digunakan untuk mengatur batas atas pada ketinggian sebuah elemen.

Nilai yang Mungkin

  • length- Satuan panjang apapun. Elemen tidak akan pernah memiliki nilai ketinggian yang melebihi jarak ini.

  • percentage - Membatasi tinggi elemen paling banyak sebesar persentase ini dari tinggi blok penampung.

  • none - Tidak ada batasan ketinggian elemen.

Berlaku untuk

Semua elemen HTML kecuali elemen inline yang tidak diganti dan elemen tabel.

Sintaks DOM

object.style.maxHeight = "50px"

Contoh

Inilah contohnya -

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; max-height:10px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
      </p>
      
      <img alt = "logo" src = "/css/images/logo.png" width = "95" height = "84" />
   </body>
</html>

Ini akan menghasilkan hasil sebagai berikut -


Language