codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-свойства/object-fit
← min-widthopacity →
CSS-свойства
align-contentalign-itemsalign-selfanimationaspect-ratiobackdrop-filterbackgroundbackground-colorbackground-imagebackground-positionbackground-repeatbackground-sizeborderborder-colorborder-radiusborder-styleborder-widthbottombox-shadowbox-sizingclearcolorcontentcursordisplayfilterflexflex-basisflex-directionflex-growflex-shrinkflex-wrapfloatfontfont-familyfont-sizefont-stylefont-weightgapgridgrid-areagrid-columngrid-rowgrid-template-areasgrid-template-columnsgrid-template-rowsheightjustify-content@keyframesleftletter-spacingline-heightlist-stylemarginmax-heightmax-widthmin-heightmin-widthobject-fitopacityorderoutlineoverflowpaddingplace-contentplace-itemspointer-eventspositionrighttext-aligntext-decorationtext-overflowtext-transformtoptransformtransitionuser-selectvisibilitywhite-spacewidthword-breakz-index

object-fit

Как изображение/видео вписывается в свой блок.

Сигнатураobject-fit: fill | contain | cover | none | scale-down

Свойство object-fit управляет масштабированием медиа внутри заданных размеров. cover заполняет с обрезкой, contain вписывает целиком.

img { width: 100%; height: 200px; object-fit: cover; }
← Все записи: CSS-свойства
codechick

Простой и тёплый способ научиться программировать.

Платформа
КурсыПрограммыЗадачиОлимпМатериалыЖурналШпаргалкиСправочникЯзыки за минутыСтатистика
Инструменты
Студия кодаВизуализатор кодаДиаграммы MermaidСистемы счисленияJSON-форматтерТестер regexВсе инструменты →
Проект
О насTelegram-каналTelegram-чатКонтакты
© 2026 codechick.io · сделано с заботой о цыплятах