Cвойство left для позиционированного элемента определяет расстояние от левого края родительского элемента.
Если действует атрибут position: absolute; или position: fixed; - свойство left устанавливает левый край элемента на единицу слева от левого края его ближайшего расположенного предка.
Если действует атрибут position: relative; - свойство left устанавливает левый край элемента на единицу левее/правее его нормального положения.
Если действует атрибут position: sticky; - когда элемент находится внутри окна просмотра, свойство left ведёт себя так, как будто действует атрибут position: relative; а когда он снаружи, свойство left ведет себя так, как будто действует атрибут position: fixed;
Если действует атрибут position: static; - свойство left не имеет влияния.
left հատկությունը ազդում է դիրքավորված տարրի հորիզոնական դիրքի վրա: Այս հատկությունը սահմանում է տարրի հեռավորությունը ձախ եզրից:
Եթե գործում է position:absolute; կամ position:fixed; - left հատկությունը սահմանում է տարրի ձախ եզրը իր ամենամոտ տեղակայված տարրի ձախ եզրից մեկ նիշով ձախ:
Եթե գործում է position: relative; - left հատկությունը հանգեցնում է նրան, որ տարրի ձախ եզրը շարժվում է իր նորմալ դիրքից ձախ/աջ:
Եթե գործում է position: sticky; - երբ տարրը գտնվում է տեսադաշտի ներսում, left հատկությունն իրեն պահում է այնպես, ասես գործում է position: relative; իսկ երբ այն գտնվում է տեսադաշտից դուրս, left հատկությունն իրեն պահում է այնպես, կարծես գործում է position: fixed; հատկանիշը։
Եթե գործում է position: static; - left հատկությունը ազդեցություն չունի:
See the Pen left by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
| Browser | IE | Edge | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|---|
| Version | 6+ | 12+ | 4+ | 2+ | 3.1+ | 10+ |
| Notes |