Як встановити положення зображення в CSS?

Як встановити положення зображення в CSS?

Щоб змінити положення зображення в CSS , ви можете використовувати такі властивості, як object-position і float. Властивість object-position вирівнює положення зображення в його контейнері за допомогою координат x і y. З іншого боку, властивість float використовується для переміщення елемента всередині контейнера ліворуч або праворуч від розташування зображення.

Зміст

Використання властивості object-position

object-position> власність використовується для точного встановлення положення зображення в контейнері, дозволяючи вам контролювати його вирівнювання та розміщення, не змінюючи загальний макет.

Синтаксис:

object-position: 

Значення властивостей:

  • посада: Він приймає 2 числові значення, що відповідають відстані від лівого краю поля вмісту (вісь x) і відстані від верхнього краю поля вмісту (вісь y) відповідно.

приклад: Реалізація встановлення положення зображення за допомогою властивості object-position.

HTML




> <> html> >> <> head> >> > <> title> >Щоб встановити положення заголовка зображення>