CSS Ders-6 Genişlik - Yükseklik (Width-Height)
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

CSS Ders-6 Genişlik - Yükseklik (Width-Height)

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(12658)
RAPOR ET
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>




AsametYıldırım
AsametYıldırım 10 Yıl Önce Cevaplandı
paylaşım için teşekkürler ama min ve max değerleri denedim bazı pc ve mobil tarayıcılarda kullanılmıyor yinede tasarım yaparken kullanmamı önerirmisiniz?
cArleone
cArleone 10 Yıl Önce Cevaplandı
@AsametYıldırım Bunlar standart css komutları.Çalışmama gibi ihtimali yok.Ben kullanıyorum bir sorunla karşılaşmadım.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol