CSS reference

Most Essential

text size italic text bold text line spacing font family font shorthand first line indent text alignment

Rare

under- over- through- lining text line position text line type text line color case change small capital letters custom font font size control spacing between letters spacing between words last line alignment vertical alignment quotes appearance font kerning text characters fill color character orientation in vertical text text characters stroke text characters stroke color text characters stroke width text direction

Line Breaks

spaces and line breaks long word breaks long word breaks clipping, scroll bars overflow horizontally overflow vertically tab size adding ellipsis hyphenation limiting text by number of lines

Color

Borders

border shorthand left border right border top border bottom border border width border style border color left border width right border width top border width bottom border width left border style right border style top border style bottom border style left border color right border color top border color bottom border color

Rounding

rounded corners top left corner top right corner bottom left corner bottom right corner

Outline

outline shorthand outline width outline style outline color outline offset

Background

background shorthand property background color background image background scroll behavior background image position background repeat method background image position background position horizontal background position vertical background position background image size background blur background brightness background contrast background shadow background hue background color inversion background opacity background sepia background effects background image overlay on background color source color blend mode on background background style

Shadows

text shadow container shadow

Transparency

opacity element visibility

Gradients

linear radial repeating linear repeating radial

Clipping

clipping creates a clipping area for an element shorthand property for working with masks defines mask position relative to the element sets image for mask defines how mask interacts with background defines mask size defines mask repetition defines mask positioning area defines mask clipping area defines how multiple masks combine

Border Image

border as image border image path border image slicing into parts border image repetition method border image offset border image scaling

Mouse Interaction

text selection text selection prohibition mouse reaction cursor appearance

Style

style priority style for media type style for elements with browser-supported capabilities CSS file import into current stylesheet default element style element style in fullscreen mode style for elements with specified value range style for toggle switches in indeterminate state style for input with incorrect value style for input without required attribute style for elements with values outside the range style for elements when placeholder text is displayed style for inputs with readonly attribute style for inputs available for modification style for input with required attribute style for inputs with correct value text cursor color in input style for focused elements scrolling inside element

Lists

list marker type marker position image for markers shorthand for lists

Tables

border collapsing distance between cells empty cells display table cells calculation

Links

link before visit visited link hovering over link clicking on link

Forms

input in focus hint in input checked checkbox or radio inactive input active input

Sizes

block width block height minimum width maximum width minimum height maximum height

Spacing

margin top margin bottom margin left margin right margin padding top padding bottom padding left padding right padding element's block end padding element's block start padding element's inline end padding element's inline start padding

Miscellaneous

method for calculating padding, border and width element display type resizing element aspect ratio element scaling

Calculations

mathematical operations restricting a value to a range minimum value from a set maximum value from a set

Size Units

size in pixels size in em size in rem size in percentages size in fractions size in vw size in vh size in vmax size in vmin

Flexbox

axis direction alignment along the main axis alignment along the cross axis multi-line block placement shorthand for flex-direction and flex-wrap block alignment along the cross axis order of appearance block base size block "greediness" block "shrinkability" factor shorthand for flex-grow, flex-shrink and flex-basis

Grids

element start position in a column element end position in a column element start and end positions in a column element start position in a row element end position in a row element start and end positions in a row number and width of columns in a grid number and width of columns in an implicit grid number and width of rows in a grid number and width of rows in an implicit grid element placement in a grid element name in a grid distance between elements in a grid distance between rows in a grid distance between columns in a grid shorthand for grid properties automatic element placement in a grid number and width of columns and rows for an element alignment along the cross or vertical axis alignment of elements inside grid cells along the horizontal axis alignment of elements inside grid cells alignment of an individual element in a grid along the horizontal axis alignment of an individual element in a grid alignment along the main and cross axes

Positioning

positioning position along the Z-axis placement after the first element position of the element's bottom edge position of the element's top edge position of the element's left edge position of the element's right edge table caption position

Wrapping

floating elements cancels float for preceding elements defines the wrap shape wrapping margin

Columns

number of columns distance between columns boundary between columns column width element spanning across columns column width and number

Negation

By Position

first child of parent last child of parent nth child of parent nth child of parent from end only child of parent

By Type and Position

first child of parent of specified type last child of parent of specified type nth child of parent of specified type nth child of parent of specified type from end only child of parent of specified type

Miscellaneous

empty element by text language target element

Text Part

first letter first line of text

Smooth Transitions

execution time delay before execution animated property animation speed shorthand property

Animation

animation keyframes animation name execution time delay before execution animation speed number of repetitions animation direction animation state pause shorthand property

Transformations

transform transform origin

Rotation

rotate rotate X rotate Y rotate Z rotate 3d

Scaling

scale scale X scale Y

Skew

skew skew X skew Y

Translation

translate translate X translate Y

Text Insertion

text after element text before element text for after and before attribute content

Counters

automatic element numbering counter reset

Selectors

descendant selector child selector adjacent sibling selector general sibling selector universal selector

Selectors

attribute name selector attribute value selector attribute value starts with selector attribute value ends with selector attribute value contains text selector attribute one of values selector attribute hyphenated value selector

↑