CSS Derslerimizin, CSS içerisinde bir değer atayarak istediğimiz nesnenin boyutlandırması nasıl yapılır bunu göstereceğim

Bu konuyu ayrıca açmamın sebebi birkaç örnek göstererek boyutlandırma kavramını daha iyi anlamıya sağlamaktır.
CSS boyutlandırma özelliği width ve height değişkenlerine değer atama sonucu oluşur.Hemen bir örnek yapalım;

img.normal
{
height:auto;
}
img.buyuk
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}

Arkadaşlar yukarıda gördüğünüz durum, img.normal bölümünde örnekte belirlenen resim kendi boyutlarında
height:auto seçeneği ile belirlenmiştir. Fakat alt bölümde img.buyuk kısmında ise height:120px olarak belirlenmiştir. Bu durumda resmin boyutunu dilediğimizce değiştirmiş olduk.Ha gelin bir de başka bir yazım şekli ile aynı zamanda width değişkenini de girelim;

img.normal {height:auto;}
img.buyuk {height:50%;}
img.kucuk {height:10%;}

Buradaki yazım sistemi de % olarak belirlenen resmin %50 si ve %10′unu gösteren değerler alabilir.

Bu CSS özelliğine bir çok örnek gösterilebilir, fakat ben şimdi sizlere bütün CSS Boyutlandırma özelliklerini tablo halinde göstereyim;

Bütün CSS Boyutlandırma Özellikleri