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