К содержанию

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

ფონი

თვისება background

თვისება background-color

თვისება background-image

თვისება background-attachment

თვისება background-position

თვისება background-repeat

თვისება background-origin

თვისება background-clip

თვისება background-position-x

თვისება background-position-y

თვისება background-size

blur ფუნქცია

ფუნქცია brightness

ფუნქცია contrast

ფუნქცია drop-shadow

ფუნქცია hue-rotate

ფუნქცია invert

ფუნქცია opacity

ფუნქცია sepia

თვისება backdrop-filter

თვისება background-blend-mode

თვისება mix-blend-mode

თვისება filter

ჩრდილები

თვისება 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 ერთეული

vh ერთეული ზომებისთვის CSS-ში

ერთეული vmax

vmin ერთეული

ფლექსები

თვისება flex-direction

თვისება justify-content

თვისება align-items

თვისება flex-wrap

თვისება flex-flow

თვისება align-self

თვისება order

თვისება flex-basis

თვისება flex-grow

თვისება flex-shrink

flex თვისება

გრიდები

თვისება grid-column-start

თვისება grid-column-end

თვისება grid-column

თვისება grid-row-start

თვისება grid-row-end

თვისება grid-row

თვისება grid-template-columns

თვისება grid-auto-columns

თვისება grid-template-rows

თვისება grid-auto-rows

თვისება grid-template-areas

თვისება grid-area

თვისება gap

თვისება row-gap

თვისება column-gap

თვისება grid

თვისება grid-auto-flow

თვისება grid-template

თვისება align-content

თვისება justify-items

თვისება place-items

თვისება justify-self

თვისება place-self

თვისება place-content

პოზიციონირება

თვისება 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-ში

სელექტორები

ატრიბუტის სახელის სელექტორი

ატრიბუტის მნიშვნელობის სელექტორი

ატრიბუტის მნიშვნელობის დასაწყისის სელექტორი

ატრიბუტის მნიშვნელობის ბოლოს სელექტორი

ატრიბუტის სელექტორი ტექსტის მიხედვით

ატრიბუტის ერთ-ერთი მნიშვნელობის სელექტორი

ატრიბუტის სელექტორი ტირეზე მნიშვნელობაში