CSS properties supported in visual controls

Every property listed here is accessible through Site Designer’s visual Style pane without writing code. Properties not listed here can still be applied — use the CSS pane to write custom rules directly.

Typography

PropertyNotes
font-familySelect from Google Fonts, system fonts, or uploaded custom fonts
font-sizepx, em, rem, vw, or clamp() via manual input
font-weightNumeric (100–900) or keyword (normal, bold)
font-stylenormal, italic, oblique
line-heightUnitless, px, or em
letter-spacingpx or em
text-alignleft, center, right, justify
text-transformnone, uppercase, lowercase, capitalize
text-decorationnone, underline, line-through, overline
text-shadowVisual builder with color, offset X/Y, blur
colorColor picker with hex, RGB, HSL, and opacity
white-spacenormal, nowrap, pre, pre-wrap
word-breaknormal, break-all, keep-all

Box model

PropertyNotes
widthpx, %, vw, auto
heightpx, %, vh, auto
min-widthpx, %, vw
max-widthpx, %, vw, none
min-heightpx, %, vh
max-heightpx, %, vh, none
paddingIndividual sides (top, right, bottom, left)
marginIndividual sides; auto for centering
box-sizingcontent-box, border-box

Background

PropertyNotes
background-colorColor picker
background-imageUpload or URL; gradient builder also available
background-sizecover, contain, or custom px/%
background-positionVisual selector (9-point grid) or custom values
background-repeatno-repeat, repeat, repeat-x, repeat-y
background-attachmentscroll, fixed (parallax effect), local
background-blend-modemultiply, screen, overlay, and all other blend modes

Border

PropertyNotes
borderWidth, style (solid/dashed/dotted), color per side
border-radiusIndividual corners or uniform; px or %
outlineWidth, style, color, offset

Effects

PropertyNotes
box-shadowMultiple shadows; inset toggle; visual offset/blur/spread editor
opacity0–1 slider
filterblur, brightness, contrast, grayscale, hue-rotate, invert, saturate, sepia
backdrop-filterblur, brightness (for frosted-glass effects)

Position

PropertyNotes
positionstatic, relative, absolute, fixed, sticky
top / right / bottom / leftAvailable when position is not static
z-indexNumeric; higher values appear in front

Display and visibility

PropertyNotes
displayblock, inline, inline-block, flex, grid, none
overflowvisible, hidden, auto, scroll; per-axis variants
visibilityvisible, hidden
cursorpointer, default, not-allowed, grab, and others

Flexbox (container properties)

PropertyNotes
flex-directionrow, column, row-reverse, column-reverse
flex-wrapnowrap, wrap, wrap-reverse
justify-contentflex-start, center, flex-end, space-between, space-around, space-evenly
align-itemsflex-start, center, flex-end, stretch, baseline
align-contentControls wrapping behavior of multi-line flex containers
gapRow and column gap between flex items

Flex item properties: flex-grow, flex-shrink, flex-basis, align-self, order.

CSS Grid (container properties)

PropertyNotes
grid-template-columnsVisual track builder (fr, px, %, auto, minmax)
grid-template-rowsVisual track builder
grid-template-areasNamed area editor
column-gap / row-gapGap between tracks
justify-items / align-itemsAlignment within cells
justify-content / align-contentAlignment of the grid itself within the container

Grid item properties: grid-column, grid-row, grid-area, justify-self, align-self.

Transition

PropertyNotes
transition-propertyThe CSS property to animate
transition-durationms or s
transition-timing-functionease, linear, ease-in, ease-out, ease-in-out, cubic-bezier
transition-delayms or s

Transform

PropertyNotes
transformtranslate, scale, rotate, skew — all visually editable
transform-originPoint from which transforms are applied