К содержанию

CSS Priručnik

Praktičan CSS priručnik, napisan jednostavnim jezikom, sa primerima. Sadrži sve neophodno, kao i fleksove, gridove, animacije, gradijente, transformacije i sve moderne trikove!

Najpotrebnije

Svojstvo font-size

Svojstvo font-style

Svojstvo font-weight

Svojstvo line-height

Svojstvo font-family

Svojstvo font

Svojstvo text-indent

Svojstvo text-align

Prelomi

Svojstvo white-space

Svojstvo word-break

Svojstvo overflow-wrap

Svojstvo overflow

Svojstvo overflow-x

Svojstvo overflow-y

Svojstvo tab-size

Svojstvo text-overflow

Svojstvo hyphens

Svojstvo line-clamp

Boja

Svojstvo color

Zaokruživanje

Svojstvo border-radius

Svojstvo border-top-left-radius

Svojstvo border-top-right-radius

Svojstvo border-bottom-left-radius

Svojstvo border-bottom-right-radius

Obris

Svojstvo outline

Svojstvo outline-width

Svojstvo outline-style

Svojstvo outline-color

Svojstvo outline-offset

Senke

Svojstvo text-shadow

Svojstvo box-shadow

Providnost

Svojstvo opacity

Svojstvo visibility

Gradijenti

Funkcija linear-gradient

Funkcija radial-gradient

Funkcija repeating-linear-gradient

Funkcija repeating-radial-gradient

Obrezivanje

Svojstvo clip

Svojstvo clip-path

Svojstvo mask

Svojstvo mask-position

Svojstvo mask-image

Svojstvo mask-mode

Svojstvo mask-size

Svojstvo mask-repeat

Svojstvo mask-origin

Svojstvo mask-clip

Svojstvo mask-composite

Slika granice

Svojstvo border-image

Svojstvo border-image-source

Svojstvo border-image-slice

Svojstvo border-image-repeat

Svojstvo border-image-outset

Svojstvo border-image-width

Rad sa mišem

Pseudo element selection

Svojstvo user-select - zabrana označavanja teksta

Svojstvo pointer-events

Svojstvo cursor

Stil

Komanda !important

Media upit

Komanda supports

Komanda import

Pseudo-klasa default

Pseudo-klasa fullscreen

Pseudoklasa in-range

Pseudoklasa indeterminate

Pseudoklasa invalid

Pseudoklasa optional

Pseudo-klasa out-of-range

Pseudo klasa placeholder-shown

Pseudoklasa read-only

Pseudo-klasa read-write

Pseudo-klasa required

Pseudo-klasa valid

Svojstvo caret-color

Pseudoklasa focus-within

Svojstvo scroll-behavior

Liste

Svojstvo list-style-type

Svojstvo list-style-position

Svojstvo list-style-image

Svojstvo list-style

Tabele

Svojstvo border-collapse

Svojstvo border-spacing

Svojstvo empty-cells

Svojstvo table-layout

Linkovi

Pseudo klasa link

Pseudo klasa visited

Pseudo-klasa hover

Pseudo-klasa active

Forme

Pseudoklasa focus

Pseudoelement placeholder

Pseudo klasa checked

Pseudoklasa disabled

Pseudo klasa enabled

Dimenzije

Svojstvo width

Svojstvo height

Svojstvo min-width

Svojstvo max-width

Svojstvo min-height

Svojstvo max-height

Margine

Svojstvo margin

Svojstvo margin-top

Svojstvo margin-bottom

Svojstvo margin-left

Svojstvo margin-right

Svojstvo padding

Svojstvo padding-top

Svojstvo padding-bottom

Svojstvo padding-left

Svojstvo padding-right

Svojstvo padding-block-end

Svojstvo padding-block-start

Svojstvo padding-inline-end

Svojstvo padding-inline-start

Razno

Svojstvo box-sizing

Svojstvo display

Svojstvo resize

Svojstvo aspect-ratio

Svojstvo object-fit

Izračunavanja

calc funkcija

Funkcija clamp

Funkcija min

Funkcija max

Jedinice mere

Jedinica px

Jedinica em

Jedinica rem

Jedinica %

Jedinica fr

Jedinica vw

Vh jedinica za veličine u CSS-u

Vmax jedinica

Vmin jedinica

Fleksboks

Svojstvo flex-direction

Svojstvo justify-content

Svojstvo align-items

Svojstvo flex-wrap

Svojstvo flex-flow

Svojstvo align-self

Svojstvo order

Svojstvo flex-basis

Svojstvo flex-grow

Svojstvo flex-shrink

Svojstvo flex

Pozicioniranje

Svojstvo position

Svojstvo z-index

Pseudo-element backdrop

Svojstvo bottom

Svojstvo top

Svojstvo left

Svojstvo right

Svojstvo caption-side

Oblivanje

Svojstvo float

Svojstvo clear

Svojstvo shape-outside

Svojstvo shape-margin

Kolone

Svojstvo column-count

Svojstvo column-rule

Svojstvo column-width

Svojstvo column-span

Svojstvo columns

Negacija

Pseudo klasa not

Po poziciji

Pseudo-klasa first-child

Pseudo-klasa last-child

Pseudo-klasa nth-child

Pseudo-klasa nth-last-child

Pseudoklasa only-child

Po tipu i poziciji

Pseudo-klasa first-of-type

Pseudo-klasa last-of-type

Pseudoklasa nth-of-type

Pseudoklasa nth-last-of-type

Pseudoklasa only-of-type

Razno

Pseudo-klasa empty

Pseudo-klasa lang

Pseudo-klasa target

Deo teksta

Pseudo-element first-letter

Pseudo-element first-line

Uglati prelazi

Svojstvo transition-duration

Svojstvo transition-delay

Svojstvo transition-property

Svojstvo transition-timing-function

Svojstvo transition

Animacija

@keyframes komanda

Svojstvo animation-name

Svojstvo animation-duration

Svojstvo animation-delay

Svojstvo animation-timing-function

Svojstvo animation-iteration-count

Svojstvo animation-direction

Svojstvo animation-fill-mode

Svojstvo animation-play-state

Svojstvo animation

Transformacije

Svojstvo transform

Svojstvo transform-origin

Rotacija

Funkcija rotate

Funkcija rotateX

Funkcija rotateY

Funkcija rotateZ

Funkcija rotate3d

Skaliranje

Funkcija scale

Funkcija scaleX

Funkcija scaleY

Izobličenje (Skew)

Funkcija skew

Funkcija skewX

Funkcija skewY

Pomeraj (Translacija)

Funkcija translate

Funkcija translateX

Funkcija translateY

Umetanje teksta

Pseudoelement after

Pseudo element before

Svojstvo content

Funkcija attr

Brojači

Svojstvo counter-increment

Svojstvo counter-reset

Selektori

Kontekstualni selektor u CSS

Decji selektor u CSS-u

Susedni selektor u CSS-u

Sibling selektor u CSS-u

Univerzalni selektor u CSS

Selektori

Selektor po nazivu atributa

Selektor po vrednosti atributa

Selektor po početku vrednosti atributa

Selektor za kraj vrednosti atributa

Selektor atributa po tekstu

Selektor za jedno od vrednosti atributa

Selektor atributa po crtici u vrednosti