TIKLA
  • Anasayfa
  • Favorilere Ekle
  • Site Haritası
  • https://www.facebook.com/edkirtasiye?ref=hl
  • https://plus.google.com/b/106886206509708574199/106886206509708574199/posts
  • https://twitter.com/egitimdunyamiz
Ziyaret Bilgileri
Aktif Ziyaretçi4
Bugün Toplam37
Toplam Ziyaret1364385
ANKET
Sizce Eğitim Sisteminin En Büyük Eksikliği Nedir?
Site Haritası
REKLAM4
reklam5
REKLAM2
REKLAM1
REKLAM

CSS Sınırlamaları

Genişlik ve Yükseklik

Bir nesnenin genişliğini width, yüksekliğini height kodu kullanarak belirleriz. Alacağı değer piksel, punto, Yüzde gibi bir ölçü değeri olacaktır.

   .kutu {
      width: 400px;
      height: 400px;
   }
   

Bu stili kullandığımız element 400x400'lük bir alanda yer alacaktır.

En Düşük Genişlik ve Yükseklik Değeri

Bir nesnenin minimum yani en düşük sahip olmak zorunda olduğu genişlik için min-width, yükseklik için min-height kodlarından faydalanırız.

   .kutu {
      min-width: 100px;
      min-height: 100px;
   }
   

Yukarıdaki örnekte elementin sahip olduğu yükseklik ve genişlik 100 pikselden düşük olursa otomatik olarak 100 piksele büyütülecektir.

En Yüksek Genişlik ve Yükseklik Değeri

Bir nesnenin maksimum yani en fazla sahip olabileceği genişlik için max-width, yükseklik için max-height kodlarından faydalanırız.

   .kutu {
      max-width: 500px;
      max-height: 200px;
   }
   

Örneği incelersek bu stile sahip bir HTML elementinin genişliği 500 pikseli, yüksekliği 200 pikseli aşamaz. Aşarsa özelliklerin uygulanmadığı başka bir alana taşacaktır. İstenirse sonraki konularda göreceğiniz overflow özelliği ile taşan kısmın gösterilmesi engellenebilir.
Yorumlar - Yorum Yaz


 TIKLA