К содержанию

CSS Ҳақида Қўлланма

CSS ҳақида оддий тилда ёзилган, мисоллар билан қулланма. Энг зарурлари, шунингдек, флекслар, гридлар, анимация, градиентлар, трансформациялар ва барча замонавий имкониятлар мавжуд!

Энг зарур

Font-size хусусияти

Font-style хусусияти

Font-weight хусусияти

Свойство line-height

Свойство font-family

Font хусусияти

Свойство text-indent

Text-align хусусияти

Кўчиришлар

Свойство white-space

word-break хусусияти

Свойство overflow-wrap

Свойство overflow

Свойство overflow-x

Свойство overflow-y

Свойство tab-size

text-overflow хусусияти

Hyphens хусусияти

Line-clamp хусусияти

Ранг

Color хусусияти

Юмалоқлаш

Свойство border-radius

Свойство border-top-left-radius

Свойство border-top-right-radius

Свойство border-bottom-left-radius

Свойство border-bottom-right-radius

Рамка

Outline хусусияти

Свойство outline-width

Свойство outline-style

Outline-color хусусияти

Свойство outline-offset

Соялар

Свойство text-shadow

Box-shadow хусусияти

Шаффофлик

Opacity хусусияти

Visibility property

Градиентлар

Функция linear-gradient

Функция radial-gradient

Функция repeating-linear-gradient

Функция repeating-radial-gradient

Кесма

Clip хусусияти

clip-path хусусияти

Свойство mask

Свойство mask-position

Свойство mask-image

Свойство mask-mode

Свойство mask-size

Свойство mask-repeat

Свойство mask-origin

Свойство mask-clip

Свойство mask-composite

Чегара расми

Свойство border-image

Свойство border-image-source

Свойство border-image-slice

Свойство border-image-repeat

Свойство border-image-outset

Свойство border-image-width

Сичқонча билан ишлаш

Псевдоэлемент selection

User-select хусусияти - матнни танлаб олишни манъ этиш

Свойство pointer-events

Свойство cursor

Услуб

!important командаси

Media командаси

Команда supports

Import командаси

Псевдокласс default

Псевдокласс fullscreen

Псевдокласс in-range

Псевдокласс indeterminate

Псевдокласс invalid

Псевдокласс optional

Псевдокласс out-of-range

Псевдокласс placeholder-shown

Псевдокласс read-only

Псевдокласс read-write

Псевдокласс required

Псевдокласс valid

caret-color хусусияти

Псевдокласс focus-within

Свойство scroll-behavior

Рўйхатлар

list-style-type хусусияти

Свойство list-style-position

list-style-image хусусияти

List-style хусусияти

Жадваллар

Свойство border-collapse

Свойство border-spacing

Свойство empty-cells

Table-layout хусусияти

Ҳаволалар

Псевдокласс link

Псевдокласс visited

Псевдокласс hover

Псевдокласс active

Шакллар

Псевдокласс focus

Псевдоэлемент placeholder

Псевдокласс checked

Псевдокласс disabled

Псевдокласс enabled

Ўлчамлар

width property

Свойство height

Свойство min-width

Свойство max-width

Свойство min-height

Свойство max-height

Чекинишлар

Margin хусусияти

Свойство margin-top

Свойство margin-bottom

Свойство margin-left

Свойство margin-right

Padding хусусияти

Свойство padding-top

Padding-bottom хусусияти

Свойство padding-left

Свойство padding-right

Свойство padding-block-end

Свойство padding-block-start

Свойство padding-inline-end

Свойство padding-inline-start

Турли-туман

Box-sizing хусусияти

Свойство display

resize хусусияти

aspect-ratio хусусияти

object-fit хусусияти

Ҳисоблашлар

Calc функцияси

Функция clamp

Min функцияси

Функция max

Ўлчам бирликлари

px бирлиги

em ўлчов бирлиги

rem бирлиги

% бирлиги

fr бирлиги

vw бирлиги

CSSда ўлчов бирликлари учун vh бирлиги

vmax бирлиги

vmin бирлиги

Флекслар

Свойство flex-direction

Свойство justify-content

Align-items хусусияти

Свойство flex-wrap

Свойство flex-flow

Свойство align-self

Свойство order

Flex-basis хусусияти

Свойство flex-grow

Свойство flex-shrink

Flex хусусияти

Позициялаш

Свойство position

Z-index хусусияти

Псевдоэлемент backdrop

Bottom хусусияти

Top хусусияти

left хусусияти

Right хусусияти

caption-side хусусияти

Оқиш

Свойство float

Clear свойствоси

Shape-outside хусусияти

Свойство shape-margin

Устунлар

Свойство column-count

Свойство column-rule

Свойство column-width

Свойство column-span

Свойство columns

Инкор

Псевдокласс not

Уринги бўйича

Псевдокласс first-child

Псевдокласс last-child

Псевдокласс nth-child

Псевдокласс nth-last-child

Псевдокласс only-child

Тури ва уринги бўйича

Псевдокласс first-of-type

Псевдокласс last-of-type

Псевдокласс nth-of-type

Псевдокласс nth-last-of-type

Псевдокласс only-of-type

Турли-туман

Псевдокласс empty

Ланг сўзсима синфи

Псевдокласс target

Матн қисми

Псевдоэлемент first-letter

Псевдоэлемент first-line

Силжиш ўтишлари

Свойство transition-duration

Свойство transition-delay

Свойство transition-property

Свойство transition-timing-function

Свойство transition

Анимация

@keyframes командаси

Animation-name хусусияти

Animation-duration хусусияти

Animation-delay хусусияти

Animation-timing-function хусусияти

Animation-iteration-count хусусияти

Animation-direction хусусияти

Animation-fill-mode хусусияти

Animation-play-state хусусияти

Animation хусусияти

Трансформациялар

Свойство transform

Свойство transform-origin

Буриш

Функция rotate

Функция rotateX

Функция rotateY

Функция rotateZ

Функция rotate3d

Масштаблаш

Функция scale

Функция scaleX

Функция scaleY

Қийшиш

Функция skew

Функция skewX

Функция skewY

Силжиш

translate функцияси

Функция translateX

Функция translateY

Матн қуйиш

Псевдоэлемент after

Псевдоэлемент before

Content хусусияти

Функция attr

Санокчилар

Свойство counter-increment

Свойство counter-reset

Селекторлар

CSSда контекст селектори

CSSдаги фарзанд селектори

CSSда қўшни селектор

CSSдаги қариндош селектори

CSSда Универсал селектор

Селекторлар

Атрибут номи бўйича селектор

Атрибут қиймати бўйича селектор

Атрибут қиймати бошланиши бўйича селектор

Атрибут қийматининг охирига кўра селектор

Атрибут матни бўйича селектор

Атрибутнинг бирорта қийматига кўра селектор

Гийименланган атрибут қиймати бўйича селектор