Web dasturlashga kirish Mavzu: css da chegaralar bilan ishlash Guruh: 961-20 Bajardi

Qora soyali ikki tomonlama chegara

Umuman olganda, agar siz CSS -dagi soyani batafsil o'rganmoqchi bo'lsangiz, sizga tegishli mavzu bo'yicha o'qishni maslahat beraman. Ushbu maqolada men mulk sintaksisini batafsil tushuntirmayman, faqat sizga er -xotin chegarani qanday yaratishni ko'rsataman. Shunday qilib, keling, oddiy blokni yarataylik, men unga ba'zi uslublarni tayinlayman. Blok har qanday va har qanday tarkibga ega bo'lishi mumkin. Mening holimda bu oddiy div, shuning uchun men html kodini ham ko'rsatmayman. Va bu erda uslublar:
Div (
fon: # E0D8A3;
kengligi: 180 piksel;
balandligi: 110 piksel;
to'ldirish: 12 piksel;
}
Xo'sh, blok dizaynining odatiy namunasi.
Keling, bir nechta soyalar yordamida ikki tomonlama chegara yarataylik. Blok uslubiga quyidagi xususiyatni qo'shaman: Quti soyasi: 0 0 0 1px # 000, 0 0 0 10px # E0D8A3; Bu shunday ko'rinadi: Ko'rib turganingizdek, juda chiroyli bo'lib chiqdi. Box-shadow-da faqat 5 ta parametr mavjud. Birinchisi - soyaning gorizontal siljishi, ikkinchisi - vertikal. Uchinchi va to'rtinchi parametrlar - xiralashish va cho'zish. Ko'rib turganingizdek, biz birinchi uchtasiga umuman tegmaymiz. Bizga xiralik kerak emas, chunki biz aniq soyani xohlaymiz. Ko'rib turganingizdek, men to'rtinchi parametrni belgiladim - cho'zish. U soya biriktirilgan elementdan qanchalik katta bo'lishini aniqlaydi.Odatiy bo'lib, hamma narsa shunday ko'rinadi - soya elementning o'lchamiga teng va uning ostida aniq yotadi. Agar siz cho'zishni o'zgartirsangiz, soya elementdan tashqariga chiqa boshlaydi. Siz chegara xususiyatini xuddi shu tarzda yaratishingiz mumkin. Xo'sh, beshinchi parametr bilan, menimcha, hamma narsa aniq - bu soyaning rangi.
Ko'rib turganingizdek, men har bir yangi soya uchun parametrlarni vergul bilan ajratib qo'ydim. O'ylaymanki, siz xuddi shunday uchta chegara va boshqalarni yaratishingiz mumkin deb taxmin qildingiz. Bu erda hech qanday cheklovlar yo'q. Aslida, menga kelsak, savol yopiq, lekin agar sizda biron bir savol bo'lsa, ularni sharhlarda yozishingiz mumkin.