Css fonts. Css shriftlari


Download 214.77 Kb.
Pdf ko'rish
Sana26.09.2020
Hajmi214.77 Kb.

CSS – FONTS. CSS SHRIFTLARI. 

 

Bu bo’limda qanday qilib mundarija shriftlari o’rnatilishi o’rgatiladi, HTML 



da bor elementlar orqali. Elementning quyidagi shrift xosalari bilan o’rnatishingiz 

mumkin.  

-  font-family xossasi shriftning yuzini o’zgartirishda foydalaniladi.  

-  font-style xossasi italic yoki oblique shriftlarini yasashda foydalaniladi. 

-  font-variant xossasidan small-caps effektini yaratishda foydalaniladi. 

-  font-weight xossasidan shrift ko’rinishlarining qalin yoki ingichka o’sishi 

yoki kamayishida foydalaniladi. 

-  font-size xossasidan shriftning o’lchami o’sishi yoki kamayishida 

foydalaniladi.  

-  font xossasidan qisqalikda foydalaniladi, boshqa shriftlar xossalari 

nomerlarini aniqlaydi.  

FONT-FAMILY NI O’RNATISH. 

Quyidagi misolda, elementning font-family xossasi qanday qilib o’rnatilishi 

ko’rsatilgan. Ixtiyoriy font family nomida mumkin bo’lgan qiymat bo’lishi 

mumkin.  



 

 

 

 

 

 

 

 

 

 


 


 

 

 

Bu matnga georgia, garamond yoki serif shriftlaridan  

 

 

 

birortasi avtomatik ravishda belgilanadi,  

 

 

 

bu shriftlardan qaysi birini olishi sizning  

 

 

 

sistemangizda ulardan qaysi biri bor ekanligiga bog'liq. 

 

 


 


 

 

 

 


 


 

 

 

Bu matnga italic shriftini belgilaydi. 

 

 


 


 

 

 

 


 


 

 

 

Bu matnga small-cups shriftini belgilaydi. 

 

 


 


 

 

 

 


 Bu shrift qalin yozuvda 
 


 

 


 Bu shrift qalinroq yozuvda 
 


 

 


Bu shrift 500 qalinlikda 
 


 

 


Bu shrift ingichka qalinlikda 
 


 

 


Bu shrift 900 qalinlikda 
 


 

 


Bu shrift 100 qalinlikda 
 


 

 

 

 


Bu shrift o'lchami 20 pixelda 
 


 

 


Bu shrift kichik yozuvda 
 


 

 


 Bu shrift katta yozuvda 
 


 

 


 Bu shrift x-large yozuvda 
 


 

 


Bu shrift xx-large yozuvda 
 


 

 


 Bu shrift x-small yozuvda 
 


 

 


 Bu shrift xx-small yozuvda 
 


 

 

 

 


 


 

 

 

Bu matn font-size-adjust qiymatidan foydalandi. 

 

 


 


 

 

 

 


 


 

 

 

Agar bu ishlashda ko'rinmasa sizning  

 

 

 

kompyuteringiz foydalanilgan shriftning  

 

 

 

kengaytirilgan versiyasiga ega bo'lmasligi mumkin. 

 

 


 


 

 

 

 


 


 

 

 

textning barcha xossalaroga bir marta murojaat qilish 

 

 


 


 

 

 

 


 


 

 

 

Bu matn qizil rangda yozilgan. 

 

 


 


 

 

 

 


 


 

 

 

Bu matn o'ng tarafdan chap tarafga ifodalangan. 

 

 


 


 

 

 

 


 


 

 

 

Bu matn harflari o'rtasida bo'sh joylar mavjud. 

 

 


 


 

 

 

 


 


 

 

 

Bu matn so'zlari o'rtasida bo'sh joylar mavjud. 

 

 


 


 

 

 

 


 


 

 

 

Bu matn birinchi qatori 1 sm lik abzasga  

 

 

 

ega bo'ladi va bu qator uning haqiqiy o'rnida  

 

 

 

qoldiriladi. Bu CSS ning text-indent  

 

 

 

xossasidan qilinadi. 

 

 


 


 

 

 

 


 


 

 

 

bu matn o'ng tomondan o'rnatilgan. 

 

 


 


 

 


 


 

 

 

bu matn o'rtadan o'rnatilgan. 

 

 


 


 

 


 


 

 

 

bu matn chap tomondan o'rnatilgan. 

 

 


 


 

 


 


 

 

 

Bu justify 

 

 


 


 

 

 

 


 


 

 

 

Bu matnnning tagiga chizilgan. 

 

 


 


 

 


 


 

 

 

Bu matnnning ustiga chizilgan. 

 

 


 


 

 


 


 

 

 

Bu matnnning ustiga chizilgan. 

 

 


 


 

 


 


 

 

 

bu matn blink (ko'z qisish0) xususiyatiga ega bo'ladi. 

 

 


 


 

 


 


 

 

 

None 

 

 


 


 

 

 

 


  


 

 

 

bu kapital qilingan 

 

 


 


 

 


 


 

 

 

bu matn katta harflarda yozilgan 

 

 


 


 

 


 


 

 

 

BU MATN KICHIK HARFLARDA YOZILGAN. 

 

 


 


 

 

 

 


 


 

 

 

bu matn siniq qatorga ega. 

 

 


 


 

 

 

 


 


 

 

 

agar sizning brouzeringiz text-shadow ni qo'llab quvvatlasa, bu 

matn soyaga ega bo'ladi. 

 

 


 


 

 

 

 

 

 

 


 


 

 

 

 

 

 

 



"pictures/1.jpg"> 

 

 

 

 

 



"pictures/1.jpg"> 

 

 

 

 



"pictures/1.jpg"> 

 

 

 

 

 



"pictures/1.jpg"> 

 

 



"pictures/1.jpg"> 

 

 

 

 



filter:alpha(opacity=5);" src = "pictures/1.jpg"> 

 

 



filter:alpha(opacity=90);" src = "pictures/1.jpg"> 

 

 

 

 

 Link  

 

 

 

 

 Link  

 

 

 

 

 Link  

 

 

 

 

 

 

 

 

 

 

 

 

A katakchaga alohida misol  

 

 

 

B katakchaga alohida misol  

 

 

Collapse Chegaraga Misol 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

A katakchaga alohida misol  

 

 

 

B katakchaga alohida misol  

 

 

Separate (Alohida) Chegaraga Misol 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

border-spacing bilan ajratilgan chegaraga misol 

 A katakchaga alohida misol 
 B katakchaga alohida misol 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

border-spacing bilan ajratilgan chegaraga misol 

 A katakchaga alohida misol 
 B katakchaga alohida misol 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

Bu izoh yuqorida ko'rinadi. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 A katakcha 
 B katakcha 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Bu izoh pastda ko'rinadi. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 A katakcha 
 B katakcha 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Bu izoh chapda ko'rinadi. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 A katakcha 
 B katakcha 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Bu izoh o'ngda ko'rinadi. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 A katakcha 
 B katakcha 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

qiymat  

 

 

 

 

qiymat  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

qiymat  

 

 

 

 

  

 

 

 

 

 

 

Sarlavha 1  Sarlavha 2 
Satr sarlavhasi 
Satr sarlavhasi 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1000000000000000000000000000000 

 

 

 

 

 10000000000 

 

 

 

 

 100  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1000000000000000000000000000000 

 

 

 

 

 10000000000 

 

 

 

 

 100  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1000000000000000000000000000000 

 

 

 

 

 10000000000 

 

 

 

 

 100  

 

 

 

 

 

 

 

 


Download 214.77 Kb.

Do'stlaringiz bilan baham:




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