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

3 -usul: soya

Eng yaxshi usul, chunki u faqat quti-soya xususiyatlariga ega bo'lgan bitta kod satrini talab qiladi.Uch (quti-soya: 0 0 0 6px #fff, 0 0 0 12px # 888;)
Ikkita soya ikki tomonlama chegarani yaratish uchun ishlatiladi. Ular vergul bilan ajratilgan. Xiralashtirish 0 ga o'rnatiladi. Ikkinchi soya birinchisiga to'g'ri kelgani uchun uning kengligi ikki baravar ko'p. Asosiy nuqta - bu shaffof ranglardan foydalanish, bu ramkalar o'rtasida aniq chegara hosil qiladi. Anahat xususiyatiga o'xshab, box-shadow qo'shni elementlarga ta'sir qilmaydi va ularni bir-birining ustiga qo'yishi mumkin. Shuning uchun, kompozitsiyaning ko'rinishini shakllantirish uchun maydonni belgilash kerak.Tabiiyki, box-shadow xususiyatini qo'llab-quvvatlash yangi brauzerlar bilan cheklangan.

4 -usul: qo'shimcha div elementi

Bu usulda tashqi element ishlatiladi ikki tomonlama chegarani ko'rsatish uchun. Hamma joyda ishlaydigan yagona usul: To'rt (chegara: qattiq 6 piksel # 888; fon: #fff; kenglik: 312 piksel; min-balandlik: 312 piksel;). To'rt div (kenglik: 300 piksel; min-balandlik: 300 piksel; fon: # 222; chegara: 6 piksel avtomatik; toshib ketish) : yashirin;) Tashqi element biroz kattaroq bo'lib, er -xotin chegara illyuziyasini beradi.

5-usul: border-image xususiyati

Yana bir yangi usul-bu tez-tez ko'zga tashlanmaydigan CSS3 chegara tasviri xususiyati: Besh (chegara-eni: 12px; -webkit-chegara-tasvir: url (bir nechta chegara.gif) 12 12 12 12 takrorlash; -moz-chegara-tasvir: url (bir nechta chegara.gif) 12 12 12 12 takrorlash; border-image: url (bir nechta chegaralar) 12 12 12 12 takrorlash; / * Opera uchun * /)

Boshqa usulni bilasizmi?

Albatta, bu erda uzoq vaqtdan beri ma'lum bo'lgan va keng qo'llaniladigan usullar to'plangan. Lekin, ehtimol, siz bir hiyla bilasiz. Izohlarda o'quvchilaringiz bilan baham ko'ring. Maykl 2016-06-11 1 HTML va CSS 0

CSS -da ikki tomonlama chegara qanday amalga oshiriladi?

Hammaga salom. CSS -da chegarani ikki baravar oshirishni bilasizmi? Agar yo'q bo'lsa, iltimos, bu kichik yozuvni o'qing. Gap shundaki, siz buni oddiy chegara bilan qilolmaysiz, boshqa yo'l bilan borishingiz kerak. Agar siz chegara xususiyatidan foydalanib chegarani belgilasangiz, faqat bittasini belgilashingiz mumkin. Lekin ko'pincha dizayn bir nechta ramkalarni talab qilishi mumkin. Bunday holda, siz soxta ramka - soyadan foydalanishingiz kerak.