Својството left
Својството left го одредува
левиот раб на елементот. Вредностите за својството може да
се запишат со општо прифатени единици за големина,
на пример, во пиксели, инчи, точки, проценти.
Зададените вредности може да бидат и негативни броеви,
во овој случај елементите ќе се преклопуваат еден
врз друг. Пресметувањето на координатите е одредено со својството position,
кое обично има вредност relative
(релативна позиција) или absolute
(апсолутна позиција).
Синтакса
селектор {
left: големина или auto;
}
Пример
Ајде при посета на детскиот елемент
да му поставиме позиција на левата граница
еднаква на 25px:
<div id="elem">
<p></p>
</div>
#elem {
width: 400px;
height: 300px;
border: 1px solid black;
}
p {
position: relative;
width: 100px;
height: 100px;
border: 1px solid red;
margin-left: 50px;
}
p:hover {
left: 25px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
Пример
А сега нека при посета левата граница
на детскиот елемент биде поставена
на -50px:
<div id="elem">
<p></p>
</div>
#elem {
width: 400px;
height: 300px;
border: 1px solid black;
}
p {
position: relative;
width: 100px;
height: 100px;
border: 1px solid red;
margin-left: 50px;
}
p:hover {
left: -50px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
Погледнете ги и
-
својството
bottom,
кое ја задава позицијата на долниот раб на елементот -
својството
top,
кое ја задава позицијата на горниот раб на елементот -
својството
right,
кое ја задава позицијата на десниот раб на елементот -
псевдо елементот
::backdrop,
кое ја задава локацијата после првиот елемент