Un bloc este în celălalt. Prin granița translucidă trebuie să vedeți fundalul părintelui. Dacă copilul are propriul fundal, este necesar (scoateți fundalul elementului copil) de la marginea blocului.
Pentru ca imaginea să aibă margini translucide, prin care să strălucească aceeași imagine, și nu fundalul părinților, este mai bine să se aplice schița.
Frontieră internă. Controlul lungimii blocurilor
Dacă este specificată lățimea: auto; atunci lățimea elementului este egală cu lățimea părintelui. Nu crește în detrimentul marjei. frontiere și umplutură.
lățime: auto; (Implicit)
În alte cazuri de frontieră. precum și umplutura. Extinde caseta de elemente. Asta este, dacă este greșit să calculați lățimea. atunci blocul se va deplasa în jos, fără a fi localizat în spațiul limitat, meniul va fi extins urât, etc. Pentru a face ca rama sa nu mareasca blocul, trebuie sa specificati box-size: box-border; Apoi marginea și umplutura nu vor afecta lățimea containerului articolului.
margine: 10 pixeli galbeni solizi;
padding: 10px;
box-size: caseta de margine;
Creșterea punctată în interiorul blocului HTML
Sarcina: să treacă printr-o linie punctată de-a lungul perimetrului la o anumită distanță de marginile elementului. Efectul va fi ca și cum o mașină de cusut cusută pânza și lăsată pe cusăturile țesăturii. Dacă butonul are colțuri rotunjite, fundalul este specificat de un gradient sau de o imagine, textul trebuie selectat cu un mouse și trebuie să utilizați o etichetă, atunci singura soluție corectă este de a utiliza: după.
Procentaj cadru
Lățimea lățimii marginii poate fi setată în orice unitate de măsură. dar nu în procent, precum și în umbra cutiei. și schița. Pentru liniile monofonice, puteți utiliza fundalul. Pentru că nu vreau să pierd padding-ul. aveți nevoie și de: după.
CSS linie cusută
Efectul liniei depresive se realizează atunci când banda superioară este mai întunecată, cea mai mică este mai ușoară; convex dimpotrivă.