עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectobject-fitobject-positionobject-view-boxoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
object-view-box CSS Property
The object-view-box property defines a relative rectangle within a replaced element that becomes the content's natural dimensions — enabling zoom/pan into parts of an image, similar to SVG's viewBox.
img.zoomed {
object-view-box: inset(25%);
}
.crop {
object-view-box: xywh(10% 10% 80% 60%);
}
noneNo view box — the element uses the content's intrinsic size (default value).
inset()Defines the view-box rectangle via offsets from the four edges.rect()Defines the view-box rectangle via top, right, bottom, left distances.xywh()Defines the view-box rectangle using x, y, width, height.
CSS Images Module Level 5
Editor's Draft
W3CMDN
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext