Va axborot texnologiyalari 10-sinf toshkent – 2021

Ichki
chekinish
. 
padding
xususiyati blokning tarkibi va uning chegarasi o‘rtasida bо‘sh joyni 
о‘rnatadi. Ushbu xususiyat qiymatlari px, pt, sm, em yoki foizlarda (brauzer oynasi kengligi 
yoki birorta blok ichida bо‘lsa, shu blok kengligiga nisbatan) berilishi mumkin.

---

223
Blokning har bir tomoni (yuqori, o‘ng, pastki va chap) uchun xususiyatlar mavjud:
• padding-top;
• padding-right; 
• padding-bottom;
• padding-left
yoki
• padding: 10px 5px 3px 1px.
body {
text-align
: 
center
;}
p {
width
: 
300px
;
padding
: 
50px
;
border
: 
20px solid teal
;}
p.
info
{
margin
: 
10px auto 10px auto
;
text-align
: 
left
;}
NATIJA
CSS
CSS – stillar bilan ishlay oladigan kaskadli stillar majmuasi
class
= "
info
"> 
CSS veb-sahifalarga har xil stil berish uchun ishlatiladi va HTML-
hujjat ichida teglar bilan birga foydalaniladi
HTML
CSS — bu stillar bilan ishlay 
oladigan kaskadli stillar 
majmuasi.
CSS Veb sahifalarga har xil stil berish 
uchun ishlatiladi va HTML — hujjat 
ichida teglar bilan birga foydalaniladi.
BLOKKA SOYA BERISH
CSS3da
 box-shadow
xususiyati blok atrofiga soya beradi. Jarayon xuddi matn soyasi kabi 
amalga oshiriladi. Ushbu xususiyat quyidagi qiymatlardan kamida ikkitasini hamda rangni 
ishlatishi lozim: 
horizontal offset – soyani gorizontaliga joylashtirish. Musbat qiymatlar soyani blokning о‘ng 
tomoniga, manfiylari esa chap tomoniga joylashtiradi;
vertical offset – soyani vertikaliga joylashtirish. Musbat qiymatlar soyani blokning pastiga, 
manfiylari esa yuqorisiga joylashtiradi; 
blur distance – shaffoflashish oralig‘i; 
spread of shadow – musbat qiymat soyani tashqi tomonga, manfiy qiymat esa ichki 
tomonga o‘rnatadi. 
Ichki soya yaratish uchun 
inset
kalit so‘zini qiymatlardan oldin ishlatish lozim: 

---

224
224