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

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(5428)
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 2 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 2 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