К содержанию

CSS Rokasgrāmata

Ērta CSS rokasgrāmata, uzrakstīta vienkāršā valodā, ar piemēriem. Ir viss vajadzīgais, kā arī flexbox, grid, animācijas, gradienti, transformācijas un visas modernās funkcijas!

Vissvarīgākais

Font-size īpašība

Īpašība font-style

Font-weight īpašība

Īpašība line-height

Font-family īpašība

Font īpašība

Īpašība text-indent

Īpašība text-align

Pārnese

Īpašība white-space

Īpašība word-break

Īpašība overflow-wrap

Īpašība overflow

Overflow-x īpašība

Overflow-y īpašība

Īpašība tab-size

Īpašība text-overflow

Hyphens īpašība

Line-clamp īpašība

Krāsa

Īpašība color

Noapaļošana

Īpašība border-radius

Īpašība border-top-left-radius

Īpašība border-top-right-radius

Īpašība border-bottom-left-radius

Īpašība border-bottom-right-radius

Apmale

Īpašība outline

Īpašība outline-width

Īpašība outline-style

Īpašība outline-color

Īpašība outline-offset

Ēnas

Īpašība text-shadow

Īpašība box-shadow

Caurspīdīgums

Īpašība opacity

Īpašība visibility

Gradienti

Funkcija linear-gradient

Funkcija radial-gradient

Funkcija repeating-linear-gradient

Funkcija repeating-radial-gradient

Apgriešana

Īpašība clip

Clip-path īpašība

Īpašība mask

Īpašība mask-position

Īpašība mask-image

Īpašība mask-mode

Īpašība mask-size

Īpašība mask-repeat

Īpašība mask-origin

Īpašība mask-clip

Īpašība mask-composite

Robežas attēls

Īpašība border-image

Īpašība border-image-source

Īpašība border-image-slice

Īpašība border-image-repeat

Īpašība border-image-outset

Īpašība border-image-width

Darbs ar peli

Pseidoelements selection

Īpašība user-select - teksta atlases aizliegšana

Īpašība pointer-events

Cursor īpašība

Stils

Komanda !important

Media komanda

@supports komanda

Komanda import

Pseidoklase default

Pseidoklase fullscreen

Pseidoklase in-range

Pseidoklase indeterminate

Pseidoklase invalid

Pseidoklase optional

Pseidoklase out-of-range

Pseidoklase placeholder-shown

Pseidoklase read-only

Pseidoklase read-write

Pseidoklase required

Pseidoklase valid

Īpašība caret-color

Pseidoklase focus-within

Īpašība scroll-behavior

Saraksti

Īpašība list-style-type

Īpašība list-style-position

Īpašība list-style-image

List-style īpašība

Tabulas

Īpašība border-collapse

Īpašība border-spacing

Īpašība empty-cells

Īpašība table-layout

Saites

Pseidoklase link

Pseidoklase visited

Pseidoklase hover

Pseidoklase active

Formas

Pseidoklase focus

Pseidoelements placeholder

Pseidoklase checked

Pseidoklase disabled

Pseidoklase enabled

Izmēri

Īpašība width

Īpašība height

Īpašība min-width

Īpašība max-width

Īpašība min-height

Īpašība max-height

Atstarpes

Margin īpašība

Īpašība margin-top

Īpašība margin-bottom

Īpašība margin-left

Īpašība margin-right

Īpašība padding

Īpašība padding-top

Īpašība padding-bottom

Īpašība padding-left

Īpašība padding-right

Īpašība padding-block-end

Īpašība padding-block-start

Īpašība padding-inline-end

Īpašība padding-inline-start

Dažādi

Īpašība box-sizing

Display īpašība

Īpašība resize

Īpašība aspect-ratio

Īpašība object-fit

Aprēķini

Calc funkcija

Funkcija clamp

Funkcija min

Funkcija max

Izmēru vienības

px mērvienība

Mērvienība em

REM mērvienība

% mērvienība

Fr mērvienība

VW mērvienība

Vh mērvienība izmēriem CSS

Vmax mērvienība

Vmin mērvienība

Fleksi

Īpašība flex-direction

Īpašība justify-content

Īpašība align-items

Īpašība flex-wrap

Flex-flow īpašība

Īpašība align-self

Īpašība order

Flex-basis īpašība

Flex-grow īpašība

Īpašība flex-shrink

Flex īpašība

Pozicionēšana

Īpašība position

Īpašība z-index

Pseidoelements backdrop

Īpašība bottom

Īpašība top

Īpašība left

Īpašība right

Īpašība caption-side

Apjošana

Float īpašība

Īpašība clear

Īpašība shape-outside

Īpašība shape-margin

Kolonnas

Īpašība column-count

Īpašība column-rule

Īpašība column-width

Īpašība column-span

Īpašība columns

Noliegšana

Pseidoklase not

Pēc pozīcijas

Pseidoklase first-child

Pseidoklase last-child

Pseidoklase nth-child

Pseidoklase nth-last-child

Pseidoklase only-child

Pēc tipa un pozīcijas

Pseidoklase first-of-type

Pseidoklase last-of-type

Pseidoklase nth-of-type

Pseidoklase nth-last-of-type

Pseidoklase only-of-type

Dažādi

Pseidoklase empty

Lang pseidoklase

Pseidoklase target

Teksta daļa

Pseidoelements first-letter

Pseidoelements first-line

Gludi pārejas

Īpašība transition-duration

Īpašība transition-delay

Īpašība transition-property

Īpašība transition-timing-function

Transition īpašība

Animācija

Komanda @keyframes

Īpašība animation-name

Īpašība animation-duration

Īpašība animation-delay

Īpašība animation-timing-function

Īpašība animation-iteration-count

Īpašība animation-direction

Īpašība animation-fill-mode

Īpašība animation-play-state

Īpašība animation

Transformācijas

Transform īpašība

transform-origin īpašība

Rotācija

Funkcija rotate

Funkcija rotateX

Funkcija rotateY

Funkcija rotateZ

Funkcija rotate3d

Skalēšana

Funkcija scale

Funkcija scaleX

Funkcija scaleY

Slīpēšana

Funkcija skew

Funkcija skewX

Funkcija skewY

Pārvietošana

Funkcija translate

Funkcija translateX

Funkcija translateY

Teksta ievietošana

Pseidoelements after

Pseidoelements before

Content īpašība

Funkcija attr

Skaitītāji

Īpašība counter-increment

Īpašība counter-reset

Selektori

Konteksta selektors CSS

Apakšējais selektors CSS

Blakus esošais selektors CSS

Radniecības selektors CSS

Universālais selektors CSS

Selektori

Atribūta nosaukuma selektors

Atribūta vērtības selektors

Atribūta vērtības sākuma selektors

Selektors pēc atribūta vērtības beigām

Atribūta selektors pēc teksta

Selektors pēc vienas no atribūta vērtībām

Atribūta selektors pēc defisa vērtībā