css properties style-pane reference lookup

Where to find each CSS control

Looking for how to set a specific CSS property in Site Designer’s visual controls? Use this table to jump straight to the article that covers it, instead of guessing which pane it lives in.

Filter properties

CSS area	Covered in
`font-family`, `font-size`, `font-weight`, `line-height`, `letter-spacing`, `text-align`, `text-transform`, `text-decoration`	Typography controls
`background-color`, `background-image`, `background-size`, `background-position`, `background-repeat`	Background controls
`border`, `border-radius`	Borders and border-radius
`box-shadow`, `filter`	Box shadow and CSS filters
`width`, `height`, `min-`, `max-`	Dimensions and length units
`margin`, `padding`	Margin and padding
`overflow`, `z-index`	Overflow and z-index
`position`, `top`/`right`/`bottom`/`left`	Position and layout flow
`transform`, `opacity`	Transform and opacity
`display: grid`, `grid-template-columns`, `grid-template-rows`	CSS Grid overview, CSS Grid controls
`display: flex`, `flex-direction`, `justify-content`, `align-items`	Flexbox visual guide
`transition-*`	Hover effects and transitions
`filter`, `mix-blend-mode`, `background-blend-mode`	CSS filters and blend modes
`:hover`, `:focus`, `:active`, and other pseudo-classes	Pseudo-classes and state styling