Довідники CSS3 position

Що таке position в CSS3?

Властивість position дозволяє встановити позицію об'єкта. Ви можете розмістити об'єкт відносно сторінки або відносно інших об'єктів.


Значення:

  • absolute - абсолютне позиціонування об'єкта відносно вікна в цілому. Розташування об'єкта вказується з верхнього лівого кута за допомогою значень: top, left, right і bottom;
  • fixed - фіксоване розташування об'єкта. Розташування об'єкта вказується з верхнього лівого кута за допомогою значень: top, left, right і bottom. При прокручуванні сторінки об'єкт залишається на тому ж місці й прокручується разом із сторінкою;
  • relative - відносине позиціонування. Розташування об'єкта вказується з місця, де зараз знаходиться об'єкт, при цьому використовуються властивості: top, left, right і bottom для переміщення об'єкта;
  • static - звичайний статичний елемент (значення за замовчуванням).
  • sticky - поєднання відносиного і фіксованого позиціонування об'єкта.


Приклад властивості:
nav {
	position: fixed;
	top: 50px;
	left: 25%;
	/* Позиціонування фіксованого об'єкта зверху */
}
Коментарі
Додати коментар

Поки що коментарів немає