Css Eğitimi Ders 11-Sınırlama

Merhaba,
Kutu modeli dersinden hatırlarsak width belirlemezsek tamamen yatay kaplıyordu. height belirlemezsek içine yazılanlara göre uzuyordu. İşte uzamasını belli bir sınıra koymak için css sınırlamaları kullanırız.

Sınırlama

Sınırlamalarda en düşüğü belirlemek için "min" en yükseği sınırı belirlemek için "max" kullanırız. Yani "min-width, min-height, max-width, max-height" oluyor. Örneği inceleyelim:

.kutu {

//width belirmeyip tam kaplamasını sağlıyacağız

max-height: 500px;

}

Bu şekilde kutu başta içindeki kadar büyüyecek ve 500px'e gelince duracaktır. Bunu aynı şekilde min olarak da belirtebiliriz:

.kutu {

//width belirmeyip tam kaplamasını sağlıyacağız

min-height: 100px;

max-height: 500px;

}