Biraz geç oldu ilk derslerde anlatmam gerekirirdi. :) Zaten çok basit ama çok kullandığımız bir koddur width ile height.width bir objeye genişlik height ise bir objeye yükseklik verir.
Kodlara geçelim
.mesaj{width:100px;height:50px;backgroun:red;}
Bu kadar basit.
Birde genişlik ve yüksekliğe sınırlama koyabiliriz.Yani mesela bu divin boyutu 50px altına inmesin yada 500px genişliği geçmesin diye biliriz.
min-width =minimum genişlik değeri
max-width =maxsimum genişlik değeri
min-height =minimum yükseklik değeri
max-height = maxsimum yükselik değeri
Bir örnek yapalım
.menu{width:100px;max-height:500px;}
Yukarda ne yaptık genişlik 100px olsun dedik ama uzunluk 500px i geçmesin dedik.
Genel örnek:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.kutu{min-width:50px;max-width:100px;max-height:100px;background:red;}
</style>
</head>
<body>
<div class="kutu">asdasdasdas </div>
</body>
</html>
UstaDerslik
