Css Genişlik ve Yükseklik Özellikleri
Bir resimin Elementin yada bir kutunun genişlik ve yükseklik değeri verebiliriz bunun yanı sıra maximum ve minimum genişlik ve yükseklik değeri verebiliriz fakat bu max. ve min. değerlerini İE 6 tarayıcısı tanımıyor.
height:
height bir resime, kutuya vb. elemente yükseklik değeri vermemizi sağlar (px) (%) (cm) ve (auto) Değerlerini Kullanabiliriz örnek
img.resim {height: 100px;} /* pixel değeri */
img.resim {height: 10%;} /* yüzde değeri */
img.resim {height: 3cm;} /* santi metre değeri*/
img.resim {height: auto;} /* otomatik resimin kendi boyutu */
img.resim {height: 10%;} /* yüzde değeri */
img.resim {height: 3cm;} /* santi metre değeri*/
img.resim {height: auto;} /* otomatik resimin kendi boyutu */
width:
width bir resime, kutuya vb. elemente genişlik değeri vermemizi sağlar (px) (%) (cm) ve (auto) Değerlerini Kullanabiliriz örnek
div.kutu {width: 350px;}
max-height:
max-height kodumuzda sınır yüksekliği belirleriz elementimizin içi çok dolu olsada maximum yüksekliği geçmeyecektir örnek
p.tanitim {max-height: 10px}
min-height:
min-height kodumuzla bie elementin minimum yüksekliğini belirleriz elentimizin içi dolu olmasa bile belirlediğimiz minimum yükseklikte kalacaktır örnek
p.tanitim {min-height: 300px}
max-width:
max-width kodumuzda maximum sınır genişliği belirleriz elementimizin içi çok dolu olsada maximum genişliği geçmeyecektir örnek
p.tanitim {max-width: 600px}
min-width:
min-width kodumuzda minimum sınır genişliği belirleriz elementimizin içi boş olsada minimum genişliği geçmeyecektir örnek
p.tanitim {min-width: 400px}
line-height:
line-height kodumuzda yazılarımızın yüksekliğini ayarlarız örnek için Buraya Tıklayınız