Atomics

Image

Image atomics are used to set the image behavior of an element.

Available classes

List of all available classes:

Atomics

object-fit-contain
object-fit-fill
object-position-top

Atomics

Overview Backgrounds Border Display Flex Gap Image Line Clamp Lists Overflow Position Shadow Spacing Typography Width

Components

Overview Breadcrumbs Button Card Checkbox Form Gradients Help Hero Icon Image Input Label Link button Markdown Media Pagination Popover Radio Scroll Select Stretched link Table Textarea Toggle

Patterns

Article Header Card Hero

Tokens

Overview Animation Border Breakpoints Colors Focus Font stack Layout Palette Shadow Spacing Typography Z-index

© Microsoft 2022