left özelliği, position özelliği absolute veya fixed olan elementlerin sayfa üzerinde soldan uzaklığının belirlenmesini sağlar.
DOM Sözdizimi
element.style.left = "soldan"
CSS Sözdizimi
left: soldan
soldan |
- auto : Elementin soldan olan uzeklığı otomatik belirlenir.
- CSS Ölçü Birimi : Mesafe net olarak belirlenir.
- Yüzde : Sayfa genişliğine göre yüzde değer alabilir. 100% değer sayfanın genişliğidir ve ta bu değerde elementin sol kenarı sayfanın sağ kenarına denk gelir.
|
Aşağıdaki örnek, bir div elementinin position özelliği absolute yapılarak, left özelliği ile sayfanın solundan %90 oranında uzaklaştırılmasını göstermektedir.
<style type="text/css">
div#ornekDiv
{
width: 100px;
height: 100px;
background-color: #E0E0E0;
}
</style>
<script type="text/javascript">
function degistir()
{
var div = document.getElementById("ornekDiv");
div.style.position = "absolute";
div.style.left = "90%";
}
</script>
<input type="button" value="left = 90%" onClick="degistir()"/>
<table width="110" height="110"><tr><td>
<div id="ornekDiv"></div>
</td></tr></table>
Canlı Sonuç