2. cssda shrift xususiyatlari: font, font-variant, font-w eight, font-style. Izohlang va misollar keltiring

---

   2.CSSda  shrift xususiyatlari: font, font-variant, font-w-

eight,  font-style.   Izohlang  va  misollar  keltiring.

Ta'rif  va  foydalanish 

font  uchun  stenografiya  mulki  hisoblanadi

shrift   uslubida

shrift-variant

shriftning   vazni

shrift   hajmi / satr   balandligi

shrift-oila

Shriftning o'lchami va shrift-oila  qiymatlari talab qili-

nadi. Agar  boshqa qiymatlardan  biri etishmayotgan bo'lsa, ular-

ning  asl  qiymati  ishlatiladi.

CSS sintaksisi 

font: font-style font-variant font-weight font-size/line-height font-f-

amily|caption|icon|menu|message-box|small-caption|status-bar|initial|inhe

rit;

Misol

Shriftning boshqa ba'zi bir xususiyat qiymatlarini namoyish 

qilish.

---

The browser font used in captioned

controls.
  
The browser font  used in 

icon labels.

 
The browser font used  in 

dropdown menus.

  
The browser 

font used in dialog boxes.

 
A 

smaller version of the caption font.

   
-bar">The  browser  font  used  in  the  status  bar.

CSS shriftlar  oilasi     Ta'rif  va  foydalanish 

font-familyMulk  bir  element  uchun  shrift  belgilaydi.

font-familyXususiyati «orqaga qaytish» tizim  sifatida  bir 

necha  harflarning  nomini ushlab mumkin. Agar brauzer birinchi 

shriftni  qo'llamasa,  u  keyingi  shriftni  sinab  ko'radi.

Shrift  familiyalarining  ikki  turi  mavjud:

familiya  nomi -  "vaqtlar", "kuryer", "arial" va  boshqalar

kabi  shrift  oilasining  nomi.

generic-family -  "serif", "sans-serif", "kursiv",  "xayolot", 

"monospace"  kabi  bir  avlodning  nomi.

O'zingiz xohlagan shrift  bilan boshlang va har doim 

boshqa oilaviy shriftlar mavjud bo'lmasa, brauzer umumiy  oilada 

---

shunga o'xshash shriftni tanlashiga ruxsat  berish  uchun har doim 

umumiy  oila  bilan  yakunlang.

Eslatma: Har  bir  qiymatni  vergul  bilan  ajrating.

Eslatma: Agar  shrift nomida bo'sh joy bo'lsa, uni kiritish ke-

rak. HTML-da "stil" atributidan foydalanganda bitta tirnoq ishla-

tilishi  kerak.

CSS  sintaksisi 

font-family: family-name|generic-family|initial|inherit;

Ikki  paragraf  uchun  shriftni  belgilang:

p.a {   font-family: "Times New Roman", Times, serif; }  

p.b {     font-family: Arial,  Helvetica,  sans-serif;  }

CSS shrift  o'lchamidagi xususiyat 

font-sizeMulk  bir  shrift  hajmini  belgilab  beradi.

CSS  sintaksisi 

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smalle-

r|larger|length|initial|inherit;

Misol

Shrift  hajmini  turli xil  elementlar uchun  belgilang:

div.a {   font-size: 15px; }  div.b {   font-size: large; }

div.c {     font-size: 150%;  }

---

CSS shrift  uslubidagi xususiyat 

font-styleMulk bir  matn  uchun  shrift  uslubi  belgilaydi.

CSS  sintaksisi 

font-style:  normal|italic|oblique|initial|inherit;

Misol

Uch  paragraf  uchun  har  xil  shriftlarni  o'rnating:

p.a {   font-style: normal; }  p.b {   font-style: italic; } 

p.c {     font-style: oblique;  }

CSS shrift-variant xususiyati 

Misol

Paragrafni  kichik  harf  bilan  yozing:

p.small {     font-variant: small-caps;  }

Ta'rif  va  foydalanish 

Kichik bosh harfda barcha kichik harflar katta harflarga 

aylantiriladi. Biroq, o'zgartirilgan  katta harflar matndagi asl 

katta  harflarga qaraganda kichikroq  shrift  hajmida  ko'rinadi.

font-variant Matn kichik-kepkalar ko'rsatiladi bo'lishi kerak 

yoki  yo'qligini  xususiyat  shriftini.

CSS  sintaksisi 

font-variant:  normal|small-caps|initial|inherit;

CSS shrift-og'irligi xususiyati    Ta'rif  va  foydalanish

---

font-weightMulk matnda qalin yoki yupqa belgilar aks qan-

day  belgilaydi.

Misol

Uch paragraf uchun  har xil shrift  og'irligini belgilang:

p.normal {   font-weight: normal; }  p.thick {   font-w-

eight: bold;  }    p.thicker {    font-weight: 900;  }

CSS  sintaksisi 

font-weight:  normal|bold|bolder|lighter|number|initial|inherit;