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

Qisqartirilgan yozuv

Boshqa ko'plab xususiyatlar singari, siz chegara so'zidan foydalanib, bir nechta xususiyatlarni birlashtira olasiz. Misol: P (chegara kengligi: 1 piksel; chegara uslubi: qattiq; chegara rangi: ko'k;) birlashtirilishi mumkin: P (chegara: 1 piksel qattiq ko'k;)

Xulosa

Ushbu qo'llanmada siz ramkalarni ishlatishda CSS -ning cheksiz imkoniyatlari haqida bilib oldingiz. Keyingi darsda biz quti modelidagi o'lchamlarni - balandlik va kenglikni qanday aniqlashni ko'rib chiqamiz. Mulk CSS – « chegara», Element atrofidagi chiziqning qalinligini, rangini va turini belgilashga imkon beradi. Bu xususiyat parametrlari bitta satrda, bo'shliqlar bilan ajratilgan va istalgan tartibda yozilishi mumkin.

• - chiziq kengligi bir piksel

• - qattiq chiziq

• - oq rang

• - qora rang

• - kul rang

CSS elementini tuzish

Deyarli har bir sayt element atrofida chegara yaratadigan xususiyatdan foydalanadi. Bu tugmalar uchun yoki matnli bloklar uchun kerak. Chegarani yaratish uchun CSS -dagi element ikkita xususiyatga ega: chegara va kontur. Keling, ularni ko'rib chiqaylik.

chegara

Bu xususiyat element atrofida chegara o'rnatish uchun kerak, veb -hujjatda uning chegarasini bildiradi, elementni joylashtirishda chegaraning kengligi hisobga olinadi. U 3 qiymatga ega- rang, qalinlik va ramka turi.
Chegara xususiyatining sintaksisi quyidagicha:
chegara: Kenglik turi Rang;
Siz mulk qiymatlarini belgilashning boshqa tartibini tanlashingiz mumkin, lekin asosiysi bo'sh joy.
Ramkaning qalinligi (kengligi) piksel (px) yoki foizda (%) ko'rsatilishi kerak.
Rangni RGB (Red Green Blue) formatida yoki HTML HEX kodida ko'rsatish mumkin.
Quyida Chiziq turlari ularning ismlari bilan:
Element chegaralarini qanday o'rnatish mumkin? Biz quyidagicha qilamiz:
#block (
chegara: 3 pikselli qattiq # 0085cc; / * 3 pikselli ko'k chiziqni o'rnatish * /
}
Agar siz bir-ikki-uchtasini o'rnatmoqchi bo'lsangiz ma'lum bir tomondan ramkalar, keyin biz buni quyidagicha ko'rsatamiz:
chegara-tepa- tepadagi ramka;
chegara-pastki- pastki qismidagi ramka;
chegara-chap- chapdagi ramka;
o'ng-chegara- o'ngdagi ramka;
Bloklash (
o'ng-chegara: 3 pikselli qattiq # 0085cc;
chegara-pastki: 2 pikselli chiziqli # 0085cc;
}
Agar Siz hohlasangiz ramkalarni olib tashlang CSS -dagi elementni, keyin mulk chegarasiga yozing - yo'q
Bo'sh (
chegara: yo'q; / * sinf bo'sh bo'lgan element chegarasiz bo'ladi * /
}

kontur

Anahat - bu elementning tashqi chegarasini o'rnatish uchun kerak bo'lgan xususiyat.
U yerda chegaradan ikkita farq:
Birinchidan, konturda berilgan chiziq qutining holatiga, uning kengligi va balandligiga ta'sir qilmaydi.
Ikkinchidan, ma'lum bir tomondan ramka o'rnatish imkoniyati yo'q.
Sintaksis chegara bilan bir

xil.
kontur: 2 pikselli nuqta # 0085cc; / * 2 piksel nuqtali ko'k chegara * /

Chegara uchun ham, kontur uchun ham hech birini yozmasdan chegaralarni olib tashlashingiz mumkin: