К содержанию

CSS reference

Handy CSS reference, written in simple language, with examples. There are the most necessary, as well as Flexbox, Grid, animation, gradients, transformations and all the modern tricks!

Most Essential

The font-size property

The font-style property

The font-weight property

The line-height property

The font-family property

The font property

The text-indent property

The text-align property

Line Breaks

The white-space property

The word-break property

The overflow-wrap property

The overflow property

The overflow-x property

The overflow-y property

The tab-size property

The text-overflow property

The hyphens property

The line-clamp property

Color

The color property

Rounding

The border-radius property

The border-top-left-radius property

The border-top-right-radius property

The border-bottom-left-radius property

The border-bottom-right-radius property

Outline

The outline property

The outline-width property

The outline-style property

The outline-color property

The outline-offset property

Shadows

The text-shadow property

The box-shadow property

Transparency

The opacity property

The visibility property

Gradients

The linear-gradient function

The radial-gradient function

The repeating-linear-gradient function

The repeating-radial-gradient function

Clipping

The clip property

The clip-path property

The mask property

The mask-position property

The mask-image property

The mask-mode property

The mask-size property

The mask-repeat property

The mask-origin property

The mask-clip property

The mask-composite property

Border Image

The border-image property

The border-image-source property

The border-image-slice property

The border-image-repeat property

The border-image-outset property

The border-image-width property

Mouse Interaction

The selection pseudo-element

The user-select property

The pointer-events property

The cursor property

Style

The !important flag

The media command

The supports command

The import command

The default pseudo-class

The fullscreen pseudo-class

The in-range pseudo-class

The indeterminate pseudo-class

The invalid pseudo-class

The optional pseudo-class

The out-of-range pseudo-class

The placeholder-shown pseudo-class

The read-only pseudo-class

The read-write pseudo-class

The required pseudo-class

The valid pseudo-class

The caret-color property

The focus-within pseudo-class

The scroll-behavior property

Lists

The list-style-type property

The list-style-position property

The list-style-image property

The list-style property

Tables

The border-collapse property

The border-spacing property

The empty-cells property

The table-layout property

Links

The link pseudo-class

The visited pseudo-class

The hover pseudo-class

The active pseudo-class

Forms

The focus pseudo-class

The placeholder pseudo-element

The checked pseudo-class

The disabled pseudo-class

The enabled pseudo-class

Sizes

The width property

The height property

The min-width property

The max-width property

The min-height property

The max-height property

Spacing

The margin property

The margin-top property

The margin-bottom property

The margin-left property

The margin-right property

The padding property

The padding-top property

The padding-bottom property

The padding-left property

The padding-right property

The padding-block-end property

The padding-block-start property

The padding-inline-end property

The padding-inline-start property

Miscellaneous

The box-sizing property

The display property

The resize property

The aspect-ratio property

The object-fit property

Calculations

The calc function

The clamp function

The min function

The max function

Size Units

The px unit

The em unit

The rem unit

The % unit

The fr unit

The vw unit

The vh unit

The vmax unit

The vmin unit

Flexbox

The flex-direction property

The justify-content property

The align-items Property

The flex-wrap property

The flex-flow property

The align-self property

The order property

The flex-basis property

The flex-grow property

The flex-shrink property

The flex property

Positioning

The position property

The z-index property

The backdrop pseudo-element

The bottom property

The top property

The left property

The right property

The caption-side property

Wrapping

The float property

The clear property

The shape-outside property

The shape-margin property

Columns

The column-count property

The column-rule property

The column-width property

The column-span property

The columns property

Negation

The not pseudo-class

By Position

The first-child pseudo-class

The last-child pseudo-class

The nth-child pseudo-class

The nth-last-child pseudo-class

The only-child pseudo-class

By Type and Position

The first-of-type pseudo-class

The last-of-type pseudo-class

The nth-of-type pseudo-class

The nth-last-of-type pseudo-class

The only-of-type pseudo-class

Miscellaneous

The empty pseudo-class

The lang pseudo-class

The target pseudo-class

Text Part

The first-letter pseudo-element

The first-line pseudo-element

Smooth Transitions

The transition-duration property

The transition-delay property

The transition-property property

The transition-timing-function property

The transition property

Animation

The @keyframes command

The animation-name property

The animation-duration property

The animation-delay property

The animation-timing-function property

The animation-iteration-count property

The animation-direction property

The animation-fill-mode property

The animation-play-state property

The animation property

Transformations

The transform property

The transform-origin property

Rotation

The rotate function

The rotateX function

The rotateY function

The rotateZ function

The rotate3d function

Scaling

The scale function

The scaleX function

The scaleY function

Skew

The skew function

The skewX function

The skewY function

Translation

The translate function

The translateX function

The translateY function

Text Insertion

The after pseudo-element

The before pseudo-element

The content property

The attr function

Counters

The counter-increment property

The counter-reset property

Selectors

Descendant selector in CSS

Child selector in CSS

Adjacent sibling selector in CSS

General sibling selector in CSS

Universal selector in CSS

Selectors

Selector by attribute name

Selector by attribute value

Selector by attribute value start

Selector by attribute value end

Attribute selector by text

Selector by one of attribute values

Attribute selector by hyphen in value