Selector Properties

Open the top bar menu and choose Selectors, select a rule and breakpoint, edit properties, and save. These styles apply to all matches; local CSS can override them.

Layout, Size, and Position

• Display — Block / Flex / Grid / None / Inline Block / Inline Flex / Inline Grid / Inline / Contents. None removes layout space.
• Flow — Flex row/column, reversed directions, wrapping/wrap-reverse.
• Align / Justify / Align C. — Layout-axis alignment/distribution.
• Grid — Row/column counts; Enable Advanced Mode exposes Columns / Rows / Areas, Auto Columns / Auto Rows / Flow for explicit/implicit tracks and placement.
• Gap — Row/column spacing.
• Visibility — Visible / Hidden; Hidden retains space.
• Spacing — Per-side/shared-side margin and padding.
• Size > Width / Height / Max W / Max H / Min W / Min H — Dimensions/limits.
• Overflow — Visible / Hidden / Scroll / Clip / Auto.
• Ratio — 16:9 / 4:3 / 3:2 / Square (1:1) / Custom proportions.
• Obj Fit / Position — Fill / Contain / Cover / None / Scale Down and focal position.
• Box Size — Border Box includes padding/borders; Content Box excludes them.
• Position — Static / Relative / Absolute / Fixed / Sticky, with Top / Right / Bottom / Left / Z-Index where applicable.

Typography

Color / Font / Weight / Size / Height sets color/family/weight/size/line-height; variable fonts expose supported weight/width. Align offers left/center/right/justified. Style supplies italic and None / Underline / Overline / Line Through decoration; Transform keeps case or uppercases/capitalizes/lowercases.

Additional options include Letter Spacing / Text Indent / Direction, Overflow Wrap / Text Wrap / Text Overflow (including balance, pretty, clip, ellipsis), List Style (none, circles, numbers, letters, Roman numerals), Stroke width/color, and Text Shadow > X / Y / Blur / Color.

Background and Borders

Background > Color sets the base. Image & Gradient adds ordered Image / Gradient / Color Overlay layers. Images offer media size, Size > Cover / Contain / Custom dimensions, Position, Repeat > No Repeat / Repeat / Repeat X / Repeat Y, Attach > Scroll / Fixed, and Blend.

Blend modes: Normal, Multiply, Screen, Overlay, Darken, Lighten, Color Dodge, Color Burn, Hard Light, Soft Light, Difference, Exclusion, Hue, Saturation, Color, Luminosity.

Borders > Radius sets shared/individual corners; side borders use width/style/color. Width is required for generated rules, including states.

Effects

• Opacity / Cursor / Blend — Transparency, pointer, blending modes above.
• Outline — None/solid/dashed/dotted with Width / Offset / Color.
• Transition — Property / Duration / Easing / Delay list.
• Box Shadow — Position > Outset / Inset, Color / X / Y / Blur / Spread.
• Filter / Backdrop Filter — Ordered Blur, Brightness, Contrast, Grayscale, Hue Rotate, Invert, Opacity, Saturate, Sepia values.
• Transform — Ordered Translate/Scale/Rotate/Skew with applicable X/Y/Z.
• Origin — Transform origin.
• Events — Auto / None pointer events.
• Backface — Visible / Hidden.

Child Layout

When parent context supports them, Flex Child offers Grow / Shrink / Basis / Align / Order. Grid Child offers Row Start / Col. Start / Row End / Col. End / Area / Align / Justify / Order. Order is None / First / Last / Custom.

CSS and Responsive Values

Selector Custom CSS uses :selector, not element CSS's .bde-themeless-template-content-area-256146-124:

:selector {
  container-type: inline-size;
}

Desktop supplies base values; narrower built-ins override them. Double-click a label to clear its current-breakpoint value. Right-click section headings to copy/paste/clear sections.

See Selectors for creating, applying, and organizing selectors.