К содержанию

CSS degişli gollanma

Ýönekeý dilde ýazylan, mysallar bilen CSS gollanmas. Iň gerekli zatlar, şeýle hem fleksler, gridler, animasiýa, gradientler, transformasiýalar we ähli häzirki zaman aýratynlyklary bar!

Iň zerur

Font-size hassaýaty

Font-style häsiýeti

Font-weight häsiýeti

Line-height hassa

Font-family häsiýeti

Font häsiýeti

text-indent hossasy

Text-align häsiýeti

Geçirimler

White-space häsiýeti

Word-break häsiýeti

overflow-wrap hossasy

Overflow häsiýeti

Overflow-x häsiýeti

Overflow-y häsisi

Tab-size hassa

Text-overflow häsiýeti

Hyphens hâsiýeti

Line-clamp hassaýy

Reňk

Color aýratynlygy

Aýlaw

Border-radius aýratynlygy

Border-top-left-radius häsiýeti

Border-top-right-radius aýratynlygy

Border-bottom-left-radius häsiýeti

Border-bottom-right-radius häsiýeti

Çäg

Outline häsiýeti

Outline-width hassaýaty

Outline-style hossasy

Outline-color hossasy

Outline-offset häsiýeti

Kölege

Text-shadow hassaýaty

Box-shadow häsiýeti

Geçirijilik

Opacity aýratynlygy

Görkezilmedik görkezijisi

Gradientler

linear-gradient funksiýasy

radial-gradient funksiýasy

repeating-linear-gradient funksiýasy

Repeating-radial-gradient funksiýasy

Kesip aýyrmak

Clip häsiýeti

clip-path häsiýeti

Hasiyet mask

Mask-position aýratynlygy

Mask-image hossasy

Mask-mode häsiýeti

Mask-size aýratynlygy

Mask-repeat aýratynlygy

Mask-origin hossasy

Mask-clip häsiýeti

Mask-composite häsiýeti

Aýratynlyk suraty

Border-image häsiýeti

Border-image-source hossasy

Border-image-slice häsiýeti

Border-image-repeat hossasy

Border-image-outset häsiýeti

border-image-width hassaýaty

Çyzyk bilen işlemek

Pseudo-elem selection

user-select hassaýaty - teksti bellik etmegi gadagan etmek

Pointer-events häsiýeti

Cursor hâsiýeti

Stýl

!important buýrugy

Media komandasy

The supports command

Import buýrugy

Default pseudoklassy

Psewdoklass fullscreen

Psewdoklass in-range

Indeterminate pseudoklassy

Pseudo-klas invalid

Psewdoklass optional

Out-of-range pseudoklassy

placeholder-shown pseudoklassy

Read-only pseudoklassy

Read-write psewdoklassy

Required sahte-klassy

Valid pseudo-klassy

Caret-color aýratynlygy

Psewdoklass focus-within

Scroll-behavior hassa

Sanawlar

List-style-type hassa

List-style-position aýratynlygy

List-style-image häsiýeti

List-style häsiýeti

Tablisalar

Border-collapse aýratynlygy

Border-spacing häsiýeti

Empty-cells häsiýeti

table-layout häsiýeti

Salgylar

Psewdoklass link

Psewdoklass visited

Pseudoklass hover

Psewdoklass active

Formalar

Pseudo klas focus

Placeholder pseudo element

Pseudo-klas checked

Psewdoklass disabled

Enabled pseudoklassy

Ölçegler

Width häsiýeti

Height häsiýeti

Min-width häsiýeti

Max-width hossasy

Min-height häsiýeti

Max-height häsiýeti

Boşluklar

Margin häsiýeti

Margin-top hassaýasy

Margin-bottom aýratynlygy

Margin-left hossasy

Margin-right häsiýeti

Padding häsiýeti

padding-top hossasy

Padding-bottom aýratynlygy

Padding-left häsiýeti

padding-right hassa

padding-block-end häsiýeti

Padding-block-start häsiýeti

padding-inline-end aýratynlygy

padding-inline-start häsiýeti

Beýlekiler

Box-sizing häsiýeti

Display häsiýeti

Resize häsiýeti

aspect-ratio hossasy

Object-fit häsiýeti

Hasaplamalar

calc Funksiýasy

Funksiýa clamp

Min funksiýasy

Max funksiýasy

Ölçeg birlikleri

Px birligi

em ölçeg birligi

rem birligi

% birligi

fr birligi

vw birligi

CSS-de ölçeg birligi vh

vmax birligi

vmin birligi

Flekslar

Flex-direction aýratynlygy

Justify-content häsiýeti

Align-items hossasy

Flex-wrap hassaýy

Flex-flow hassaýaty

Align-self häsiýeti

Order hassaýasy

flex-basis häsiýeti

Flex-grow hossasy

Flex-shrink häsiýeti

Flex häsiýeti

Pozisionirlama

Sypat position

Z-indeksi häsiýeti

Backdrop sahte element

Bottom aýratynlygy

Top aýratynlygy

Left häsiýeti

Right häsiýeti

caption-side hassaýaty

Gaýyşma

Float häsiýeti

Clear häsiýeti

Shape-outside hossasy

Shape-margin häsiýeti

Sütünler

column-count hossasy

Column-rule hossasy

Column-width häsiýeti

column-span aýratynlygy

Sypýat columns

Inkär etme

Psewdoklass not

Orun boyunça

Pseudo-klass first-child

Last-child sahte klasy

Pseudo klas nth-child

Psewdoklas nth-last-child

Pseudo-klass only-child

Görnüşi we oruny boýunça

Psewdoklass first-of-type

Pseudo-klass last-of-type

Pseudo klas nth-of-type

Psewdoklass nth-last-of-type

Pseudo-klass only-of-type

Beýlekiler

Psewdoklass empty

Lang psewdoklasy

Target pseudo-klassy

Tekstiň bölegi

First-letter pseudo elementi

Pseudo element first-line

Üýtgemeleriň durnukly geçişi

Transition-duration häsiýeti

Transition-delay hossasy

Transition-property hossasy

Transition-timing-function häsiýeti

Transition häsiýeti

Animasiýa

@keyframes buýrugy

Animation-name häsiýeti

Animasiýanyň dowamlylyk häsýeti

Animation-delay hossasy

Animation-timing-function häsiýeti

Animation-iteration-count hassa

Animation-direction hossasy

Animation-fill-mode häsiýeti

Animation-play-state aýratynlygy

Animation häsiýeti

Öwürmeler

Transform häsiýeti

Transform-origin hassaýaty

Ösüş

rotate funksiýasy

Funksiýa rotateX

rotateY funksiýasy

rotateZ funksiýasy

Rotate3d funksiýasy

Masştablaýyş

Scale funksiýasy

Funksiýa scaleX

scaleY funksiýasy

Gysgaltma

Skew funksiýasy

skewX funksiýasy

Funksiýa skewY

Süýşme

Translate funksiýasy

TranslateX funksiýasy

TranslateY funksiýasy

Teksti goşmak

After psewdoelementi

Pseudo element before

Content esaslary

Attr funksiýasy

Sanawlar

Counter-increment häsiýeti

Counter-reset häsiýeti

Saýlawçylar

CSS-däki kontekst selegtory

CSS-de çaga selektory

CSS-de goňşy selektor

CSS-de dogan saýlaýjy

CSS-däki Universal saýlaýjy

Saýlawçylar

Atrybutyň ady boýunça selektor

Atribut bahasyna görä selekçi

Atribut bahasynyň başlangyjyna görä selektor

Atribut bahasyň ahyry boýunça seçleýji

Atribut tekstine görä selektor

Atributyň bir bahasy boýunça se-lektor

Bahasyndaky defis boyunça atribut seçijisi