Css xususiyarlari: Style html xujjatga css stillarini bershning bir usuli

Css xususiyarlari:

Style – html xujjatga css stillarini bershning bir usuli ()

Color - ranglar uchun( qayerga rang berish kerak bo’lsa shu xususiyat ishlatiladi).

Text-align - textni qay xolatda, qanday ko’rinishda (chapga tekislangan, o’ngga tekislangan, o’rtada tekislangan, ikki cheti ham tekislangan) joylashtirishni xal qiladi.

Text-indent – abzast masalasiga javob beradi.

Text-decoration – text xolatini (ostiga, ustiga , yuqorisiga chiziq chizish yoki chiziq chizmasdan) ko’rsatib beradi.

Font-size – belgilar o’chamlarini nazorat qiladi.

Font-family – textning shirifti masalasiga Javob beradi.

Izoh - /* vsdf */

Text-decoration-style – text tagiga qanaqa chiziq chizishga javob beradi (….,----,____).

Text-decoration-color – qaysi rangda chizishni xal etadi.

Text-decoration-line – qay xolatda chizishni xal etadi.

Text-transform – text belgilarini holatini (bosh harf bilan boshlanishi,

Font-weight – matnni qalinlik darajasini belgilaydi.

Font-style – matnga stil xolatini berish uchun.

!important – majburiy.

Font-variant – matnning harflarini holatini (kichik harflar razmerida katta harflarni, o’z holatida) chop etadi.

Leter-spacing – harflar orasidagi masofani belgilaydi.

Word-spacing – so’zlar orasidagi masofa.

Line-height – qatorlar orasidagi masofa.

Text-shadow – matnga soya berish.

Border-saytni atrof chizig’I (chegara).

Padding – boderdan elementgacha masofa.

Margn – borderdan sirtqi boshjoy.

Margn-left – chap tarfdan qoladigan joyi.

Margn-right – ong tarafdan qoladigan joy.

Margn-buttom – pastdanqoluvchi joy.

Margn-top – tepadan qoluvchi joy.

Backroundcolor(bgcolor) – fontga reng beradi.

Width – eni bo’yicha o’lchamini o’zgartiradi.

Height – bo’yi bo’yicha o’lchamlarni o’zgartiradi.

Border-style – chegara qanday stilda bo’lishini aniqlaydi.

Boder-width – chegarani katta-kichikligi (qalinligi).

Boder-color – chegar rangi.

Border-radius – chegaraning burchaklari qanaqa xolatda bo’lishini aniqllaydi (aylanasimon).

Display – ma’lumotning ko’rinishi.

Float – (suzish, surilish) bloklarni yonma-yon joylashtiradi.

Clear – (tozalash) floatni hsobiga chiqib qolgan bloklarni birlashtiradi.

Backround – fon uchun javob beradi.

Backround-color – orqa fon rangi uchun javob berdi.

Backround-image – orqa fonga rasm qo’yish.

Backround-repead – fonga qo’yilgan rasmni takrorlanishini nazorat qiladi.

Backround-size – fondagi rasmning o’lchami.

Backround-position – fondagi rasm qayrda chiqishiga javob beradi.

Backround-attachmend – fondagi rasmning qay xolatda bo’lishini nazorat qiladi(sayt sahifasini skrol bilan harakatlantirganda rasm ham harakatlanishi yoki harakatlanmasligini nazorat qiladi).

Transition – hover bo’lgan jarayon larni boshqarish uchun ishlatiladi.

Hover – sichqoncha borganda holatini o’zgartirish xususiyati.

Transition-property – qaysi xususiyatni vaqtga bog’lashni hal etadi. (Transition-property beckrount – orqa fonni vaqt bilan bog’lash)

Transition-delay – qancha vaqt pauza bo’lishini hal etadi.

Transition-duration – qancha vaqtda jarayon bajarilishni hal etadi.

Transition-timeng-function – xarakatni qaysi tartibda bajarilishini hal etadi. (Transition-timeng-function ease-in – boshini sekinlanib, oxirini tezlashtiradi, Transition-timeng-function ease-out – oxirini sekinlashtiradi, Transition-timeng-function linear – chiziqli(bir xil) tezlikda jarayonni bajarib beradi.)

A:visited – ssilksni bir marta bosilgandan keying xolati.

A:link – ssilkani boshlang’ich(odatiy) holati

A:vactive – ssilkani bosib turgan vaqtda nima jarayon bo’lishi kerakligiga javob beradi.

Focus – malumotga mishkasiz o’tganda foydalanilayotganligini bildirib turadi.

First-child – birinchi bolasi.

List-child – oxirgi bolasi.

List-style – ulga stil berish.

Nth-child(n) - n-bolasi.

Transform: rotate(35deg); - obektni 35 gradsga chapdan o’nga qarb buradi.

Transform: scaleX(1.2); - obektni X o’qi bo’yicha 20% ga kattartirib beradi(ya’ni, masshtablashtirib beradi).

Transform: skew(35deg); - obektni 35 gradsga parallelogram ko’rinishiga keltirib beradi.

Transform: translate(30px,30px); - obektni X va Y o’qlari bo’yicha 30pxga surib beradi.

Transform-origin(orentatsiya transfarmatsiya-ya’ni, qayerga nisbatan tranformatiya malga oshishi kerakligini hal etadi): right bottom; - obektni o’ngiroqqa va pastga buradi.

Transform-origin(orentatsiya transfarmatsiya-ya’ni, qayerga nisbatan tranformatiya malga oshishi kerakligini hal etadi): 20px 20px; - obektni tepadan va chap tomondan 20px dan joy qoldirib shu holatga nisbatan buradi.

Transform-style(orentatsiya transfarmatsiya-ya’ni, qayerga nisbatan tranformatiya malga oshishi kerakligini hal etadi): flat; - obektni o’ngiroqqa va pastga buradi.