displayControls an element's display behavior, such as block, inline, flex or grid.
Fast lookup for commonly used CSS properties. This stays intentionally concise; use the canonical BrounStack CSS tutorial for full concepts, examples and guided learning.
displayControls an element's display behavior, such as block, inline, flex or grid.
positionSets the positioning method: static, relative, absolute, fixed or sticky.
top / right / bottom / leftOffsets a positioned element from its reference edges.
z-indexControls stacking order for positioned or stacking-context elements.
overflowControls content that exceeds an element's box.
visibilityControls whether an element is visible while preserving its layout space.
width / heightSets an element's dimensions.
min-width / max-widthConstrains an element's minimum or maximum width.
marginControls space outside the border.
paddingControls space between content and border.
borderDefines border width, style and color.
box-sizingControls how width and height calculations include padding and borders.
colorSets the foreground text color.
font-familyDefines the preferred font family or fallback stack.
font-sizeSets text size.
font-weightControls text weight such as normal, bold or numeric weights.
line-heightControls vertical spacing between lines of text.
text-alignControls inline content alignment.
text-decorationAdds or configures decoration such as underlines.
letter-spacingAdjusts spacing between characters.
backgroundShorthand for background color, image, position and related settings.
background-colorSets an element's background color.
background-imageSets one or more background images or gradients.
border-radiusRounds one or more corners.
opacitySets overall element transparency.
object-fitControls how replaced content such as images fits its box.
flex-directionSets the main-axis direction of a flex container.
justify-contentAligns flex/grid items along the main or inline axis.
align-itemsControls item alignment across the cross axis.
gapSets spacing between flex or grid items.
grid-template-columnsDefines the column tracks of a grid.
grid-template-rowsDefines the row tracks of a grid.
grid-columnControls a grid item's column placement or span.
grid-rowControls a grid item's row placement or span.
box-shadowAdds one or more shadows around an element's box.
transformMoves, rotates, scales or skews an element.
transitionAnimates changes between property values over time.
animationApplies a keyframe animation.
cursorControls the pointer appearance over an element.
filterApplies graphical effects such as blur or brightness.