styleditor.net styleditor.net styleditor.net styleditor.net עברית accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionposition-anchorposition-areaposition-tryposition-try-fallbacksposition-try-orderposition-visibilityprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

position-try-fallbacks CSS Property

The position-try-fallbacks property lists alternative placements for an anchor-positioned element. Each entry may be a @position-try name, a tactic (flip-*), or a position-area. The browser tries them when the primary placement overflows. .tooltip { position-try-fallbacks: flip-block; } .menu { position-try-fallbacks: --bottom-aligned, flip-block flip-inline, top; } noneNo fallbacks (default).flip-blockMirrors placement across the block axis (top↔bottom).flip-inlineMirrors placement across the inline axis (left↔right).flip-xMirrors across the x axis.flip-yMirrors across the y axis.flip-startDiagonal swap of start/end properties.flip-block, flip-inlineFallback list: first flips the block axis, then the inline axis (separately).flip-block flip-inlineFlips both block and inline axes simultaneously. CSS Anchor Positioning Module Level 1 Editor's Draft W3CMDN
⚓︎

This is an information box.

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
definitionexamplessyntaxmodulespecificationsourcesvisual demonstration