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
Dostları ilə paylaş: |