К содержанию

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-тегі жалпыланған селекторы

Селекторлар

Атрибут атауы бойынша селектор

Атрибут мәні бойынша селектор

Сипаттама мәнінің басы бойынша селектор

Атрибут мәнінің соңы бойынша селектор

Мәні бойынша сипаттама селекторы

Атрибут бойынша бір мәні бар селектор

Мәніндегі сызықша бойынша сипаттамалық селектор