К содержанию

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

Градиенттер

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 касиети

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

lang псевдоклассы

Псевдокласс 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тегиндеги жалпы тандооч

Тандоочулар

Атрибут аты боюнча селектор

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

Атрибут маанисинин башталышы боюнча селектор

Атрибуттун маанисинин аягы боюнча селектор

Текст боюнча атрибут селектору

Атрибуттун бир мааниси боюнча тандагыч

Маанисиндеги сызыкча боюнча аттрибут тандагычы