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:
