Свойство left
Свойство left определяет смещение левой стороны блока элемента относительно левой стороны контейнера данного элемента. Положительные значения задают смещения вправо, отрицательные - смещения влево. Так же смотри иллюстрацию.
| Синтаксис | |
|---|---|
| left: auto | «размер» | «процентное значение» | |
| Возможные значения и ключевые слова | |
| auto | значение смещения определяется в зависимости от того, какие еще свойства установлены в auto |
| «размер» | линейный размер, заданный дизайнером |
| «процентное значение» | по отношению к ширине контейнера |
| Разное | |
| Значение по умолчанию | auto |
| Применимо | К позиционированным элементам |
| Наследование | нет |
| Процентная запись | да - по отношению к ширине родительского элемента |
| Media | visual |
В следующем примере, для элемента с идентификатором tester, задана схема позиционирования absolute и свойство left. Так как контейнером для элемента tester является элемент body, то и позиционироваться элемент tester будет относительно элемента body.
<html>
<head>
<style type='text/css'>
#tester {position:absolute; left:10px;}
</style>
</head>
<body>
<div id='tester'>Тест Тест Тест</div>
</body>
</html> 
