Caracteristicile standard din css-cadru limitat. De fapt, doar puteți selecta tipul de linie, culoare și grosime. În cele mai multe cazuri, acest lucru este suficient, dar de multe ori nevoie de ceva mai interesant. De exemplu, cadru dublu sau multiplu sau chiar o imagine în loc de o culoare solidă. În acest din urmă caz suntem salvați de proprietate de frontieră imagine, care este destul de nou, și vă permite să utilizați imaginea ca cadru.
În acest moment, proprietatea este menținut destul de slab, de aceea va recomand să-l utilizați cu toate prefixele versiunea furnizor pentru afișare mai puțin normale. Deci, ca un cadru de imagine pentru viitorul nostru, am ales următoarele:
Și astfel, să fie un bloc cu două paragrafe. Frame aplicăm doar la acel bloc.
Aici suntem cu voi ar trebui să fie interesat în a treia și a patra linii. Lățime am cerut doar să blocheze, nu se întind pe întreaga lățime a ferestrei și putem vedea mai clar granițele noastre. Rezultate Deci, primul spectacol:
Sa dovedit destul de frumos. Și acum vă voi spune ce ai nevoie pentru acest afișaj:
Specificarea cadrului obișnuit. Aceasta este, lățimea, stilul și culoarea, ca și în cazul în care vă întreb un cadru obișnuit. Este foarte important de a face acest lucru fără cadru nostru decorativ nu va fi afișat!
Înregistrează direct border-imagine de proprietate, care indica drumul spre un cadru de imagine, precum și lățimea tot în jurul cadrului. Am la fel pe toate laturile - 50. Este important să se înregistreze doar un număr, fără pixeli. Asta este, dacă sunteți în scriere 50px de frontieră imagine, apoi afișat un cadru roșu, dacă nu specificați dimensiunea la toate, acesta va fi, de asemenea, afișate incorect. Este important să se facă acest lucru, așa cum este scris în codul.
De fapt, este toți parametrii necesari, trebuie să vă înregistrați pentru a afișa frontiera. Ca oa treia opțiune pentru frontieră-imagine, puteți specifica tipul de recurență. În mod implicit, dacă nu specificați, browser-ul va folosi întindere, care este, de frontieră întinde desen la dimensiunea elementului la care rama.
Există, de asemenea, o repetare valoare, se face de desen și de frontieră limite repetate. Dar, din aceasta cauza, la capetele elementului de model nou poate conține până complet. Dacă doriți să găzdui un număr întreg de repetiții, folosiți valoarea rotundă, care se repetă, de asemenea, imaginea, dar face acest lucru într-un cadru folosit doar întreaga repetiție.
Faptul că dimensiunea cadrului meu, și atât de mare, atât de mult de o diferență între valorile proprietăților pe care nu se va vedea.
Mai întâi, descărcați imaginea la cutia generatorului, și apoi practica pe ea. Serviciu odată ce generați codul, așa că vă permite să înțeleagă mai bine cum funcționează totul.
De asemenea, doresc să se constate că un cadru decorativ nu poate fi aplicat colturi rotunjite. Pur și simplu pune, proprietatea border-radius nu are nici un efect asupra această casetă. Singura opțiune este de a obtine un cadru rotunjit - găsit pe internet acest lucru inițial și trebuie să-l aplice la elementul dorit.
Cele mai multe știri IT si dezvoltare web pe canalul nostru-Telegram
