styleditor.net styleditor.net styleditor.net styleditor.net עברית accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontainer-namecontainer-typecontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

container-name CSS Property

The container-name property assigns name(s) to query containers — enables @container queries to target specific containers rather than the nearest ancestor. .sidebar { container-name: side; } .panel { container-name: panel main; } @container side (min-width: 400px) { ... } noneThe default value. Container has no name. CSS Conditional Rules Module Level 5 Working Draft <custom-ident> W3CMDN

A header

Resize the page to see the effect.

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
definitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstration