css xususiyatlari

PPTX 53 pages 1.9 MB Free download

53 pages

FaylHub.uz

Download via Telegram

Size 1.9 MB

File type PPTX

Pages 53

Updated Dec 2025

Page preview (5 pages)

Scroll down 👇

1 / 53

html ga kirish css xususiyatlari. css sahifalash. multimedia texnologiyalari kafedrasi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti @universalstudytuit reja: css rang xususiyatlari (color) cssda chegara xususiyatlari (border) cssda orqa fon xususiyatlari (background) css shrift xususiyatlari (font) margin xususiyatlari padding xususiyatlari 2 css rang xususiyatlari (color) 3 orqa fonga rang berish hello world matnga rang berish hello world chegaraga rang berish hello world css rang xususiyatlari (color) 4 css da rangning qiymatlari quyidagi usullardan birida beriladi: rang nomi orqali rangning 16 lik sanoq tizimidagi qiymati orqali (hex – hexadecimal) rgb – rang modeli orqali hsl – rang modeli orqali rgba rang modeli orqali hsla rang modeli orqali rang nomlari html va css da rang qiymatlarini 140 ta standart rang nomlari orqali berish mumkin: 5 rgb – rang modeli css da rang qiymatini rgb rang modelida berish quyidagi formula asosida beriladi: rgb(red, green, blue) bu erda: red, green, blue parametrlar [0, 255] …

2 / 53

yorqinligining foiz qiymatini ifodalab, [0, 100]% oralig'idagi qiymatlar qabul qiladi. 0% – qora, 100% – oq, 50% – na yorug' na qorong'uni ifodalaydi. 8 rgba rang modeli orqali rgba – rgb rang modelining kengaytmasi bo'lib, undagi ranglarning shaffofligini belgilaydi. css da rang qiymatini rgba rang modelida berish berish quyidagicha ifodalanadi: rgba(red, green, blue, alpha) bu erda, alpha parametr shaffoflik darajasi bo'lib, [0.0, 1.0] orasidagi qiymatni qabul qiladi. 0.0 – to'liq shaffof, 1.0 – umuman shaffof emas. 9 hsla rang modeli hsla – hsl rang modelining kengaytmasi bo'lib, undagi ranglarning shaffofligini belgilaydi. css da rang qiymatini hsla rang modelida berish berish quyidagicha ifodalanadi: hsla(hue, saturation, lightness, alpha) bu erda, alpha parametr shaffoflik darajasi bo'lib, [0.0, 1.0] orasidagi qiymatni qabul qiladi. 0.0 – to'liq shaffof, 1.0 – umuman shaffof emas. 10 cssda chegara xususiyatlari cssda chegara xususiyatlari orqali html elementning chegarasi qalinligi (border-width), stili (border-style), rangi (border-color) ni belgilash mumkin. 11 chegarani …

3 / 53

aydi double ikkita qavatli chegarani belgilash groove specifies a 3d grooved border. the effect depends on the border-color value ridge specifies a 3d ridged border. the effect depends on the border-color value inset specifies a 3d inset border. the effect depends on the border-color value outset specifies a 3d outset border. the effect depends on the border-color value initial sukut holatdagi qiymatni o'rnatadi inherit ushbu xususiyatni asosiy ota (parent) elementdan meros qilib oladi cssda chegara xususiyatlari: border-style p.dotted {border-style: dotted;} p.dashed {border-style: dashed;} p.solid {border-style: solid;} p.double {border-style: double;} p.groove {border-style: groove;} p.ridge {border-style: ridge;} p.inset {border-style: inset;} p.outset {border-style: outset;} p.none {border-style: none;} p.hidden {border-style: hidden;} p.mix {border-style: dotted dashed solid double;} 13 cssda chegara xususiyatlari: border-width border-width: medium|thin|thick|length|initial|inherit; 14 qiymat izoh medium o'rtacha chegarani belgilaydi. odatiy (sukut holatdagi) qiymat. thin ingichka chegarani belgilaydi thick qalin chegarani belgilaydi length chegaraning qalinlik o'lchovini belgilash initial sukut holatdagi qiymatni o'rnatadi inherit …

4 / 53

e: solid; } p.four { border-width: thin; //barcha chegara qalinligi qiymati-thin border-style: solid; } 16 cssda chegara xususiyatlari: border-color border-color: color|transparent|initial|inherit; 17 qiymat izoh color chegara orqa foni rangining qiymatini belgilaydi. odatiy (sukut holatdagi) qiymati qora rang hisoblanadi. transparent chegara rangi shaffof bo'lishi kerakligini belgilaydi initial sukut holatdagi qiymatni o'rnatadi inherit ushbu xususiyatni asosiy ota (parent) elementdan meros qilib oladi cssda chegara xususiyatlari: border-color p.one { border-color: red; border-style: solid; } p.two { border-color: red green blue; border-style: solid; } p.three { border-color: blue hsl(89, 43%, 51%) red yellow; border-style: solid; } 18 cssda chegara xususiyatlari: border-radius border-radius: 1-4 length|% / 1-4 length|%|initial|inherit; 19 qiymat izoh length chegara burchaklarining shaklini belgilaydi. odatiy (sukut holatdagi) qiymati 0 (nol) hisoblanadi. % chegara burchaklarining shaklini %da belgilaydi. initial sukut holatdagi qiymatni o'rnatadi inherit ushbu xususiyatni asosiy ota (parent) elementdan meros qilib oladi cssda chegara xususiyatlari: border-radius p.one { border-radius: 15px; border-style: solid; } …

5 / 53

i html elementlarning fon effektlarini belgilash mumkin. 23 xususiyat nomi izoh background barcha orqa fon xususiyatlarini bir vaqtda o'rnatish background-attachment orqa fon rasmining barqarorligi (qimirlamaydigan) yoki sahifaning boshqa qismi bilan aylanishini belgilaydi background-clip orqa fonning bo'yalish sohasini belgilaydi background-color orqa fonga rang o'rnatishni belgilaydi background-image orqa fonga rasm o'rnatishni belgilaydi background-origin orqa fondagi rasm(lar) qaerda joylashishini belgilaydi background-position orqa fon rasmining boshlang'ich joylashuv o'rnini belgilaydi background-repeat orqa fon rasmining takrorlanishini belgilaydi background-size orqa fon rasm(lar)ining o'lchamini belgilaydi cssda orqa fon xususiyatlari : background-color background-color: color|transparent|initial|inherit; 24 qiymat izoh color orqa fonga o'rnatiladigan rangning qiymatini belgilaydi transparent orqa fonga rangi shaffof bo'lishi kerakligini belgilaydi initial sukut holatdagi qiymatni o'rnatadi inherit ushbu xususiyatni asosiy ota (parent) elementdan meros qilib oladi body { background-color: #fefbd8; } h1 { background-color: #80ced6; } div { background-color: #d5f4e6; } span { background-color: #f18973; } cssda orqa fon xususiyatlari : background-image background-image: url|none|initial|inherit; 25 qiymat izoh url('url') …

Want to read more?

Download all 53 pages for free via Telegram.

Download full file

About "css xususiyatlari"

html ga kirish css xususiyatlari. css sahifalash. multimedia texnologiyalari kafedrasi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti @universalstudytuit reja: css rang xususiyatlari (color) cssda chegara xususiyatlari (border) cssda orqa fon xususiyatlari (background) css shrift xususiyatlari (font) margin xususiyatlari padding xususiyatlari 2 css rang xususiyatlari (color) 3 orqa fonga rang berish hello world matnga rang berish hello world chegaraga rang berish hello world css rang xususiyatlari (color) 4 css da rangning qiymatlari quyidagi usullardan birida beriladi: rang nomi orqali rangning 16 lik sanoq tizimidagi qiymati orqali (hex – hexadecimal) rgb – rang modeli orqali hsl – rang modeli orqali rgba rang modeli orqali hsla rang modeli orqali rang nomlar...

This file contains 53 pages in PPTX format (1.9 MB). To download "css xususiyatlari", click the Telegram button on the left.

Tags: css xususiyatlari PPTX 53 pages Free download Telegram