К содержанию

CSS žinynas

Patogus CSS žinynas, parašytas paprasta kalba, su pavyzdžiais. Yra pats reikalingiausias, taip pat flex, grid, animacija, gradientai, transformacijos ir visi šiuolaikiniai dalykai!

Pačiausias reikalingiausias

Savybė font-size

Savybė font-style

Savybė font-weight

Savybė line-height

Savybė font-family

Savybė font

Savybė text-indent

Savybė text-align

Perkėlimai

Savybė white-space

Savybė word-break

Savybė overflow-wrap

Savybė overflow

Savybė overflow-x

Savybė overflow-y

Savybė tab-size

Savybė text-overflow

Savybė hyphens

Savybė line-clamp

Spalva

Savybė color

Apvalinimas

Savybė border-radius

Savybė border-top-left-radius

Savybė border-top-right-radius

Savybė border-bottom-left-radius

Savybė border-bottom-right-radius

Kontūras

Savybė outline

Savybė outline-width

Savybė outline-style

Savybė outline-color

Savybė outline-offset

Šešėliai

Savybė text-shadow

Savybė box-shadow

Permatomumas

Savybė opacity

Savybė visibility

Gradientai

Funkcija linear-gradient

Funkcija radial-gradient

Funkcija repeating-linear-gradient

Funkcija repeating-radial-gradient

Apkirpimas

Savybė clip

Savybė clip-path

Savybė mask

Savybė mask-position

Savybė mask-image

Savybė mask-mode

Savybė mask-size

Savybė mask-repeat

Savybė mask-origin

Savybė mask-clip

Savybė mask-composite

Kraštinės paveikslėlis

Savybė border-image

Savybė border-image-source

Savybė border-image-slice

Savybė border-image-repeat

Savybė border-image-outset

Savybė border-image-width

Darbas su pele

Pseudo-elementas selection

Savybė user-select - teksto pažymėjimo draudimas

Savybė pointer-events

Savybė cursor

Stilius

Komanda !important

Media komanda

Komanda supports

Komanda import

Pseudoklasė default

Pseudoklasas fullscreen

Pseudoklasas in-range

Pseudoklasas indeterminate

Pseudoklasas invalid

Pseudoklasas optional

Pseudoklasas out-of-range

Pseudoklasas placeholder-shown

Pseudoklasė read-only

Pseudoklasas read-write

Pseudoklasas required

Pseudoklasas valid

Savybė caret-color

Pseudoklasė focus-within

Savybė scroll-behavior

Sąrašai

Savybė list-style-type

Savybė list-style-position

Savybė list-style-image

Sąvybė list-style

Lentelės

Savybė border-collapse

Savybė border-spacing

Savybė empty-cells

Savybė table-layout

Nuorodos

Pseudoklasas link

Pseudoklasas visited

Pseudoklasė hover

Pseudoklasas active

Formos

Pseudoklasas focus

Pseudoelementas placeholder

Pseudo klasė checked

Pseudo klasė disabled

Pseudoklasas enabled

Dydžiai

Savybė width

Savybė height

Savybė min-width

Savybė max-width

Savybė min-height

Savybė max-height

Tarpai

Savybė margin

Savybė margin-top

Savybė margin-bottom

Savybė margin-left

Savybė margin-right

Savybė padding

Savybė padding-top

Savybė padding-bottom

Savybė padding-left

Savybė padding-right

Savybė padding-block-end

Savybė padding-block-start

Savybė padding-inline-end

Savybė padding-inline-start

Įvairūs

Savybė box-sizing

Savybė display

Savybė resize

Savybė aspect-ratio

Savybė object-fit

Skaičiavimai

Calc funkcija

Funkcija clamp

Funkcija min

Max funkcija

Dydžių vienetai

px vienetas

Em vienetas

Rem vienetas

Vienetas %

Fr vienetas

Vw vienetas

Vh vienetas dydžiams CSS

Vmax vienetas

Vmin vienetas

Flex

Savybė flex-direction

Savybė justify-content

Savybė align-items

Savybė flex-wrap

Savybė flex-flow

Savybė align-self

Savybė order

Savybė flex-basis

Savybė flex-grow

Savybė flex-shrink

Flex savybė

Pozicionavimas

Savybė position

Savybė z-index

Pseudoelementas backdrop

Bottom savybė

Savybė top

Savybė left

Savybė right

Savybė caption-side

Apitekėjimas

Float savybė

Savybė clear

Savybė shape-outside

Savybė shape-margin

Stulpeliai

Savybė column-count

Savybė column-rule

Savybė column-width

Savybė column-span

Savybė columns

Neigimas

Pseudo klasė not

Pagal poziciją

Pseudo klasė first-child

Pseudoklasas last-child

Pseudoklasas nth-child

Pseudoklasas nth-last-child

Pseudoklasas only-child

Pagal tipą ir poziciją

Pseudoklasas first-of-type

Pseudoklasė last-of-type

Pseudoklasas nth-of-type

Pseudoklasas nth-last-of-type

Pseudo klasė only-of-type

Įvairūs

Pseudoklasas empty

Pseudoklasė lang

Pseudoklasas target

Teksto dalis

Pseudo-elementas first-letter

Pseudo-elementas first-line

Sklandūs perėjimai

Savybė transition-duration

Savybė transition-delay

Savybė transition-property

Savybė transition-timing-function

Savybė transition

Animacija

Komanda @keyframes

Savybė animation-name

Savybė animation-duration

Savybė animation-delay

Savybė animation-timing-function

Savybė animation-iteration-count

Savybė animation-direction

Savybė animation-fill-mode

Savybė animation-play-state

Savybė animation

Transformacijos

Transform savybė

Savybė transform-origin

Pasukimas

Funkcija rotate

Funkcija rotateX

Funkcija rotateY

Funkcija rotateZ

Funkcija rotate3d

Mastelio keitimas

Funkcija scale

Funkcija scaleX

Funkcija scaleY

Iškreipimas

Funkcija skew

Funkcija skewX

Funkcija skewY

Pastūmimas

Funkcija translate

Funkcija translateX

Funkcija translateY

Teksto įdėklas

Pseudoelementas after

Pseudo-elementas before

Savybė content

Funkcija attr

Skaitikliai

Savybė counter-increment

Savybė counter-reset

Selektoriai

Kontekstinis selektorius CSS

Dukterinis selektorius CSS

Gretimasis selektorius CSS

Giminiškųjų elementų selektorius CSS

Universalusis selektorius CSS

Selektoriai

Atributo pavadinimo selektorius

Atributo reikšmės selektorius

Atributo reikšmės pradžios selektorius

Atributo reikšmės pabaigos selektorius

Atributo selektorius pagal tekstą

Atributo pasirinkimas pagal vieną iš reikšmių

Atributo reikšmės su brūkšneliu selektorius