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



Download 47.57 Kb.
Pdf ko'rish
Sana15.05.2021
Hajmi47.57 Kb.


   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.


 

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;



Download 47.57 Kb.

Do'stlaringiz bilan baham:




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©hozir.org 2020
ma'muriyatiga murojaat qiling

    Bosh sahifa
davlat universiteti
ta’lim vazirligi
O’zbekiston respublikasi
maxsus ta’lim
zbekiston respublikasi
axborot texnologiyalari
o’rta maxsus
davlat pedagogika
nomidagi toshkent
guruh talabasi
pedagogika instituti
texnologiyalari universiteti
toshkent axborot
xorazmiy nomidagi
rivojlantirish vazirligi
samarqand davlat
haqida tushuncha
navoiy nomidagi
toshkent davlat
nomidagi samarqand
ta’limi vazirligi
Darsning maqsadi
vazirligi toshkent
Toshkent davlat
tashkil etish
kommunikatsiyalarini rivojlantirish
Ўзбекистон республикаси
Alisher navoiy
matematika fakulteti
bilan ishlash
Nizomiy nomidagi
vazirligi muhammad
pedagogika universiteti
fanining predmeti
таълим вазирлиги
sinflar uchun
o’rta ta’lim
maxsus ta'lim
fanlar fakulteti
ta'lim vazirligi
Toshkent axborot
махсус таълим
tibbiyot akademiyasi
umumiy o’rta
pedagogika fakulteti
haqida umumiy
Referat mavzu
fizika matematika
universiteti fizika
ishlab chiqarish
Navoiy davlat