Css boyut özellikleri eklenen elemanın yükseklik ve genişlik değerlerini kontrol etmek için kullanılır. Bunu yaparken kullanacağımız birimler piksel , punto , yüzde vb. ölçü değerleri olacaktır.
| height | yükseklik değerini ayarlar. | auto length % |
| max-height | maksimum yükseklik değerini ayarlar. | none length % |
| min-height | minimum yükseklik değerini ayarlar. | length % |
| max-width | maksimum genişlik değerini ayarlar. | none length % |
| min-width | minimum genişlik değerini ayarlar. | length % |
| width | genişlik değerini ayarlar. | auto length % |
GENİŞLİK VE YÜKSEKLİK:
Genişlik ve yükseklik içeriğin genişliğini ve yüksekliğinin tanımlamak için kullanılır. Genişlik ve yükseklik uzunluk, yüzde, yada otomatik bir değer alabilir faka değer verirken negatif değer kullanılmaz
MİN-WİDTH ÖZELLİĞİ:
Bu özellik, eklediğiniz içerik de en düşük genişliği belirlemenizi sağlar, değer atayabildiğiniz width özelliğini geçersiz kılar, i içeriğin içerisi boş olsa bile belirlenen en düşük genişliğin değerinin altına inmez.
MAX-WİDTH ÖZELLİĞİ:
Bu özellik, eklediğiniz içerik de en yüksek genişliği belirlemenizi sağlar, değer atayabildiğiniz width özelliğini geçersiz kılar, içeriğin içerisi ne kadar dolu olsa bile belirlenen en büyük genişlik değerinin üzerine çıkmaz.
MİN-HEİGHT ÖZELLİĞİ:
Bu özellik, eklediğiniz içerik de en düşük yüksekliği belirlemenizi sağlar, değer atayabildiğiniz height özelliğini geçersiz kılar, içeriğin içerisi ne kadar az olsa bile belirlenen en büyük yükseklik değerinin altına inmez.
MAX-HEİGHT ÖZELLİĞİ:
Bu özellik, eklediğiniz içerik de en büyük yüksekliği belirlemenizi sağlar, değer atayabildiğiniz height özelliğini geçersiz kılar, içerik ne kadar dolu olsa bile belirlenen en büyük yükseklik değerinin üzerine çıkmaz.