Ak chcete zmeniť polohu obrázka v CSS , môžete použiť vlastnosti ako object-position a float. Vlastnosť object-position zarovná polohu obrázka v jeho kontajneri pomocou súradníc x a y. Na druhej strane sa vlastnosť float používa na presun prvku v kontajneri doľava alebo doprava od umiestnenia obrázka.

Obsah

• Použitie vlastnosti pozície objektu
• Použitie vlastnosti float

Použitie vlastnosti pozície objektu

object-position> nehnuteľnosť presne sa používa na nastavenie polohy obrázka v jeho kontajneri, čo vám umožňuje ovládať jeho zarovnanie a umiestnenie bez zmeny celkového rozloženia.

Syntax:

object-position: 

Hodnoty vlastnosti:

• pozícia: Preberá 2 číselné hodnoty zodpovedajúce vzdialenosti vľavo od poľa obsahu (os x) a vzdialenosti od hornej časti poľa obsahu (os y).

Príklad: Implementácia na nastavenie polohy obrázku pomocou vlastnosti object-position.

HTML