QUICK REFERENCE · CSS

CSS Properties

Fast lookup for commonly used CSS properties. This stays intentionally concise; use the canonical BrounStack CSS tutorial for full concepts, examples and guided learning.

Layout & positioning

display

Controls an element's display behavior, such as block, inline, flex or grid.

position

Sets the positioning method: static, relative, absolute, fixed or sticky.

top / right / bottom / left

Offsets a positioned element from its reference edges.

z-index

Controls stacking order for positioned or stacking-context elements.

overflow

Controls content that exceeds an element's box.

visibility

Controls whether an element is visible while preserving its layout space.

Box model & sizing

width / height

Sets an element's dimensions.

min-width / max-width

Constrains an element's minimum or maximum width.

margin

Controls space outside the border.

padding

Controls space between content and border.

border

Defines border width, style and color.

box-sizing

Controls how width and height calculations include padding and borders.

Typography

color

Sets the foreground text color.

font-family

Defines the preferred font family or fallback stack.

font-size

Sets text size.

font-weight

Controls text weight such as normal, bold or numeric weights.

line-height

Controls vertical spacing between lines of text.

text-align

Controls inline content alignment.

text-decoration

Adds or configures decoration such as underlines.

letter-spacing

Adjusts spacing between characters.

Background & visual styling

background

Shorthand for background color, image, position and related settings.

background-color

Sets an element's background color.

background-image

Sets one or more background images or gradients.

border-radius

Rounds one or more corners.

opacity

Sets overall element transparency.

object-fit

Controls how replaced content such as images fits its box.

Flexbox & Grid

flex-direction

Sets the main-axis direction of a flex container.

justify-content

Aligns flex/grid items along the main or inline axis.

align-items

Controls item alignment across the cross axis.

gap

Sets spacing between flex or grid items.

grid-template-columns

Defines the column tracks of a grid.

grid-template-rows

Defines the row tracks of a grid.

grid-column

Controls a grid item's column placement or span.

grid-row

Controls a grid item's row placement or span.

Effects & interaction

box-shadow

Adds one or more shadows around an element's box.

transform

Moves, rotates, scales or skews an element.

transition

Animates changes between property values over time.

animation

Applies a keyframe animation.

cursor

Controls the pointer appearance over an element.

filter

Applies graphical effects such as blur or brightness.

Reference, not duplication: this page is a quick property lookup. Full CSS teaching, examples, responsive design and lesson progression remain in the existing BrounStack CSS tutorial.