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 uzuy...

Devamı »