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

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" width="200" /></a></div> Merhaba,<br /> 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.<br /> <h3> Sınırlama</h3> <div> 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:</div> <div> <br /></div> <div> .kutu {</div> <div> //width belirmeyip tam kaplamasını sağlıyacağız</div> <div> max-height: 500px;</div> <div> }</div> <div> <br /></div> <div> Bu şekilde kutu başta içindeki kadar büyüyecek ve 500px'e gelince duracaktır. Bunu aynı şekilde min olarak da belirtebiliriz:</div> <div> <br /></div> <div> <div> .kutu {</div> <div> //width belirmeyip tam kaplamasını sağlıyacağız</div> <div> min-height: 100px;</div> <div> max-height: 500px;</div> <div> }</div> </div>

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ı belirle…

Devamı »