Sahifadagi blok elementi ostidagi soya odatda uch o'lchovli ta'sirni yaratish uchun ishlatiladi, elementga e'tiborni jalb qiladi yoki dizaynning bir qismi sifatida jalb qiladi. Elementlar ostidagi kichik soya ham ovoz balandligi va chuqurligi sahifasini beradi. Soya, oltita qiymatga ega bo'lgan katak soyali mulki, ulardan faqat ikkitasi majburiydir. Shaklda. 1 Barcha mumkin bo'lgan qiymatlar bilan katak soyali mulkni ko'rsatadi, ular ularni aniqlash uchun raqamlangan. inyet kalit so'zi element ichidagi soyani o'rnatadi; gorizontal soya siljishi (5px - o'ng ,5px - chapda); vertikal siljish (5px - pastga, -5px - yuqoriga); soyaning radiusi (0 - o'tkir soya); soyali cho'zish (5px - cho'zish, -5px - siqish); soya ranglari. Faqatgina gorizontal va vertikal siljishni ko'rsatganingizga ishonch hosil qiling, boshqa barcha parametrlar sukut bo'yicha qabul qilinadi. Bunday holda, soya loysiz va qora rangsiz kesiladi. - Faqatgina gorizontal va vertikal siljishni ko'rsatganingizga ishonch hosil qiling, boshqa barcha parametrlar sukut bo'yicha qabul qilinadi. Bunday holda, soya loysiz va qora rangsiz kesiladi.
- Turli xil parametrlar va ularning qadriyatlari kombinatsiyasi tufayli siz turli xil soyalar turini olishingiz mumkin. Yorliqda. 1 Kodni va natijada olib keladigan natijani ko'rsatadi.
Kod
|
Natija
|
Tavsif
|
box-Scowow: 5px 5px;
| |
O'ng va quyida o'tkir soya.
|
box-Scowowow: -5px -5px;
| |
Chap va undan yuqori qismdagi o'tkir soya.
|
box-Soya: 0 0 5px;
| |
Element atrofida loyqa soya.
|
box-Soya: 0 0 5px 2px;
| |
2 piksel soyasini kengaytirish.
|
box-Soya: 0 0 5px 2px qizil;
| |
Qizil rangda qizil porlash.
|
box-Soya: 0.4em 0.4em 5Px RGBA (122,122,12,0,0,0);
| |
Shaffof soya.
|
box-Soya: INSET 0 0 6Px;
| |
Ichidagi soya.
|
ar:
| |
x-ofset.
|
Soyaning gorizontal joyini belgilaydi. Ijobiy qiymat soyani chizish matnning o'ng tomoniga siljiydi, salbiy uzunligi qoldi.
|
y-Offset.
|
Soyaning vertikal siljishini belgilaydi. Ijobiy qiymat soyani pastga tushirish, salbiy ta'sir qiladi.
|
puflamoq
|
Blur radiusini belgilaydi. Salbiy qiymatlarga yo'l qo'yilmaydi. Agar loy qiymati nol bo'lsa, soyaning cheti aniq. Aks holda, qiymat qanchalik katta bo'lsa, shuncha shuncha ko'p bo'lsa.
|
cho'zilgan
|
Soyada uzoqroq ko'tariladigan masofani o'rnatadi. Ijobiy qiymatlar soyani belgilangan radiusga har tomonga kengaytiradi. Salbiy qiymatlar soyalarni siqib chiqaradi. Ichki soyalar uchun soya kengayishi perimetrning shaklini siqishni anglatadi.
|
rang
|
Soyalarni belgilaydi. Agar rang etishmayotgan bo'lsa, ishlatiladigan rang rang mol-mulkidan olinadi. Safari uchun soyaning rangi aniqlanadi.
|
Speas.
|
Blokning tashqi soyadan ichki soyadan ichki soyadan ichki soyadan o'zgartiradi.
|
hech biri
|
Odatiy qiymat soyani anglatmaydi.
|
boshlang'ich
|
Standart mulk qiymatini belgilaydi.
|
meros qilib oling.
|
Ota-ona elementidan mulkning qiymatini meros qilib oladi.
| Sintaksis - Sintaksis
- Keling, CSS-da soyalarni amalga oshirishning ikkita asosiy usulini ko'rib chiqaylik.quti soyasi
- Qurilish quti soyasi turli ma'nodagi qasos spratlari:
- gorizontal ofsetі vertikal ofset- gorizontal va vertikal siljish ko'rinadi. Qi ma'nolari qaysi bik ob'ekti ko'rinishini ko'rsatadi:
Do'stlaringiz bilan baham: |
