Css Genişlik ve Yükseklik Özellikleri
9 Nisan 2008. Yazar: blackinci
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