CSS اندازه و فاصله پیش‌فرض: 50% 50% ارث‌بری نمی‌شود

object-position

نقطه تمرکز تصویر داخل جعبه را تعیین می‌کند؛ center top برای آواتارها و چهره‌ها انتخاب هوشمندانه‌ای است تا سوژه بریده نشود.

سینتکس

object-position: <position>;

مثال کاربردی

.photo {
  object-fit: cover;
  object-position: center top;
}

مقادیر رایج

center مرکز تصویر
center top مرکز افقی، بالای عمودی
25% 75% درصدی دقیق

موارد مرتبط در CSS

aspect-ratio border border-color border-radius border-style border-width