Як налаштувати позицію елементів

Розташування різних елементів на сторінці дозволяє створити чітку структуру, покращити читабельність і залучити увагу до важливих дій.

У цій статті розглянемо, як налаштувати розташування елементів.

У секції Позиція (Position) ви можете змістити віджет вправо або вліво, а також повернути його. Налаштуйте розташування елемента за параметрами:

X Зміщення елемента за віссю X (горизонтально). Введіть значення з мінусом, щоб перемістити контент вліво, та позитивне значення, щоб перемістити контент вправо*.
Y Зміщення елемента за віссю Y (вертикально). Введіть значення з мінусом, щоб перемістити контент вгору, та позитивне значення, щоб перемістити контент вниз*.
Z-index

Зміщення елемента за умовною віссю Z (попереду або позаду інших елементів). Виставте значення від 1 до 9.

Елементи з більшим значенням індексу Z перекриватимуть елементи з меншим значенням.

Rot.° Кут нахилу елемента на 360 градусів. Введіть значення з мінусом, щоб повернути контент зліва направо, та позитивне значення, щоб повернути контент справа наліво*.

* Коли вводите значення для властивостей, слід враховувати розмір блоку. Якщо вказане значення буде більшим за розмір блоку, елемент буде переміщено за межі макету — він не буде відображатися на сайті.

Елементи, позицію яких налаштовано вручну, не адаптуються до розміру екрана автоматично. В такому випадку рекомендовано налаштовувати мобільну версію сайту окремо від десктопної.

Оцініть, наскільки стаття була корисною "Як налаштувати позицію елементів"

Оцінка: 5 / 5 (8)

Назад

Як налаштувати ширину елементів

Далі

Як налаштувати фон

Популярне в нашому блозі

Почніть користуватися сервісом SendPulse прямо сьогодні