Punica CSS v3
Modules Utilities API Docs
Preview keyboard_arrow_down
Utilities
Object Position
  • Accent Color
  • Align Content
  • Align Items
  • Align Self
  • Appearance
  • Background Clip
  • Background Color
  • Background Origin
  • Background Position
  • Background Repeat
  • Background Size
  • Border
  • Border Color
  • Border Radius
  • Border Style
  • Caret Color
  • Color
  • Columns
  • Cursor
  • Display
  • Filter
  • Flex
  • Flex Direction
  • Flex Grow
  • Flex Shrink
  • Flex Wrap
  • Float
  • Font Size
  • Font Style
  • Font Weight
  • Gap
  • Height
  • Inset
  • Justify Content
  • Justify Items
  • Justify Self
  • Letter Spacing
  • Line Height
  • Margin
  • Object Fit
  • Object Position
  • Opacity
  • Order
  • Outline Color
  • Outline Offset
  • Outline Style
  • Outline Width
  • Overflow
  • Padding
  • Place Content
  • Place Items
  • Place Self
  • Position
  • Resize
  • Rotate
  • Text Align
  • Text Decoration
  • Text Transform
  • Text Wrap
  • User Select
  • Vertical Align
  • Width
  • Z-Index

    • Object Position

    The object-position property is used together with object-fit to specify how an img or video  should be positioned with x/y coordinates inside its 'own content box'.
    Class
    Properties
    object-bottom
    object-position: bottom
    object-center
    object-position: center
    object-left
    object-position: left
    object-left-bottom
    object-position: left bottom
    object-left-top
    object-position: left top
    object-right
    object-position: right
    object-right-bottom
    object-position: right bottom
    object-right-top
    object-position: right top
    object-top
    object-position: top
    utilities.scss API