К содержанию

Ghidul CSS

Un ghid CSS convenabil, scris într-un limbaj simplu, cu exemple. Conține cele mai necesare, precum și flexbox, grid, animații, degradări, transformări și toate caracteristicile moderne!

Cele mai necesare

Proprietatea font-size

Proprietatea font-style

Proprietatea font-weight

Proprietatea line-height

Proprietatea font-family

Proprietatea font

Proprietatea text-indent

Proprietatea text-align

Împărțiri

Proprietatea white-space

Proprietatea word-break

Proprietatea overflow-wrap

Proprietatea overflow

Proprietatea overflow-x

Proprietatea overflow-y

Proprietatea tab-size

Proprietatea text-overflow

Proprietatea hyphens

Proprietatea line-clamp

Culoare

Proprietatea color

Rotunjire

Proprietatea border-radius

Proprietatea border-top-left-radius

Proprietatea border-top-right-radius

Proprietatea border-bottom-left-radius

Proprietatea border-bottom-right-radius

Contur

Proprietatea outline

Proprietatea outline-width

Proprietatea outline-style

Proprietatea outline-color

Proprietatea outline-offset

Umbre

Proprietatea text-shadow

Proprietatea box-shadow

Transparență

Proprietatea opacity

Proprietatea visibility

Degradări

Funcția linear-gradient

Funcția radial-gradient

Funcția repeating-linear-gradient

Funcția repeating-radial-gradient

Decupare

Proprietatea clip

Proprietatea clip-path

Proprietatea mask

Proprietatea mask-position

Proprietatea mask-image

Proprietatea mask-mode

Proprietatea mask-size

Proprietatea mask-repeat

Proprietatea mask-origin

Proprietatea mask-clip

Proprietatea mask-composite

Imagine de bordură

Proprietatea border-image

Proprietatea border-image-source

Proprietatea border-image-slice

Proprietatea border-image-repeat

Proprietatea border-image-outset

Proprietatea border-image-width

Interacțiune cu mouse-ul

Pseudoelementul selection

Proprietatea user-select - interzicerea selecției textului

Proprietatea pointer-events

Proprietatea cursor

Stil

Comanda !important

Regula media

Regula supports

Regula import

Pseudoclassa default

Pseudoclasa fullscreen

Pseudoclasa in-range

Pseudoclasa indeterminate

Pseudoclasa invalid

Pseudoclasa optional

Pseudoclasa out-of-range

Pseudoclassa placeholder-shown

Pseudoclassa read-only

Pseudoclasa read-write

Pseudoclassa required

Pseudoclasa valid

Proprietatea caret-color

Pseudoclasa focus-within

Proprietatea scroll-behavior

Liste

Proprietatea list-style-type

Proprietatea list-style-position

Proprietatea list-style-image

Proprietatea list-style

Tabele

Proprietatea border-collapse

Proprietatea border-spacing

Proprietatea empty-cells

Proprietatea table-layout

Link-uri

Pseudoclasa link

Pseudoclasa visited

Pseudoclasa hover

Pseudoclasa active

Formulare

Pseudoclasa focus

Pseudo-elementul placeholder

Pseudoclasa checked

Pseudoclassa disabled

Pseudoclasa enabled

Dimensiuni

Proprietatea width

Proprietatea height

Proprietatea min-width

Proprietatea max-width

Proprietatea min-height

Proprietatea max-height

Spații

Proprietatea margin

Proprietatea margin-top

Proprietatea margin-bottom

Proprietatea margin-left

Proprietatea margin-right

Proprietatea padding

Proprietatea padding-top

Proprietatea padding-bottom

Proprietatea padding-left

Proprietatea padding-right

Proprietatea padding-block-end

Proprietatea padding-block-start

Proprietatea padding-inline-end

Proprietatea padding-inline-start

Diverse

Proprietatea box-sizing

Proprietatea display

Proprietatea resize

Proprietatea aspect-ratio

Proprietatea object-fit

Calcule

Funcția calc

Funcția clamp

Funcția min

Funcția max

Unități de măsură

Unitatea px

Unitatea em

Unitatea rem

Unitatea %

Unitatea fr

Unitatea vw

Unitatea vh pentru dimensiuni în CSS

Unitatea vmax

Unitatea vmin

Flexbox

Proprietatea flex-direction

Proprietatea justify-content

Proprietatea align-items

Proprietatea flex-wrap

Proprietatea flex-flow

Proprietatea align-self

Proprietatea order

Proprietatea flex-basis

Proprietatea flex-grow

Proprietatea flex-shrink

Proprietatea flex

Poziționare

Proprietatea position

Proprietatea z-index

Pseudo-elementul backdrop

Proprietatea bottom

Proprietatea top

Proprietatea left

Proprietatea right

Proprietatea caption-side

Împachetare

Proprietatea float

Proprietatea clear

Proprietatea shape-outside

Proprietatea shape-margin

Coloane

Proprietatea column-count

Proprietatea column-rule

Proprietatea column-width

Proprietatea column-span

Proprietatea columns

Negare

Pseudoclasa not

După poziție

Pseudoclasa first-child

Pseudoclasa last-child

Pseudoclasa nth-child

Pseudoclasa nth-last-child

Pseudoclassa only-child

După tip și poziție

Pseudoclasa first-of-type

Pseudoclasa last-of-type

Pseudoclasa nth-of-type

Pseudoclasa nth-last-of-type

Pseudoclasa only-of-type

Diverse

Pseudoclasa empty

Pseudoclasa lang

Pseudoclasa target

Parte din text

Pseudoelementul first-letter

Pseudoelementul first-line

Tranziții line

Proprietatea transition-duration

Proprietatea transition-delay

Proprietatea transition-property

Proprietatea transition-timing-function

Proprietatea transition

Animație

Regula @keyframes

Proprietatea animation-name

Proprietatea animation-duration

Proprietatea animation-delay

Proprietatea animation-timing-function

Proprietatea animation-iteration-count

Proprietatea animation-direction

Proprietatea animation-fill-mode

Proprietatea animation-play-state

Proprietatea animation

Transformări

Proprietatea transform

Proprietatea transform-origin

Rotație

Funcția rotate

Funcția rotateX

Funcția rotateY

Funcția rotateZ

Funcția rotate3d

Scalare

Funcția scale

Funcția scaleX

Funcția scaleY

Înclinare

Funcția skew

Funcția skewX

Funcția skewY

Translație

Funcția translate

Funcția translateX

Funcția translateY

Inserție text

Pseudoelementul after

Pseudoelementul before

Proprietatea content

Funcția attr

Contoare

Proprietatea counter-increment

Proprietatea counter-reset

Selectoare

Selector contextual în CSS

Selectorul copil în CSS

Selectorul adiacent în CSS

Selectorul frate în CSS

Selectorul universal în CSS

Selectoare

Selector după numele atributului

Selector după valoarea atributului

Selector după începutul valorii atributului

Selector după sfârșitul valorii atributului

Selector de atribut după text

Selector după una dintre valorile atributului

Selector de atribut după cratimă în valoare