Câmpurile și liniuțele din css-css în pași

Cu structura blocului, sper că sunteți deja familiar. Dacă nu, este prezentat mai jos.

Și așa. Probabil că deja știți că marginile și liniuțele blocului sunt reprezentate de proprietățile de umplere și margine, respectiv. Și în articolul precedent am abordat deja acest subiect. Pe această pagină, vom examina mai îndeaproape câmpurile (colțurile) și marginile.







Proprietățile margini și de umplutură sunt foarte asemănătoare unul cu altul, îndeplinesc funcții similare, astfel încât acestea sunt adesea confundate. Dar pentru a face acest lucru, desigur, nu merită, deoarece toate aceleași câmpuri și liniuțe sunt lucruri complet diferite. Totuși, acest lucru este clar văzut din imagine, nu este întâmplător că el este aici.

Ei bine, atunci. Câmpurile sunt setate de proprietatea padding. Acestea sunt distanțele interne de la limitele blocului la conținutul său.

Proprietatea este aplicabilă tuturor elementelor.

Distanța este specificată în unități de lungime acceptate în CSS (mai multe detalii aici). în%. sau (în mod prestabilit) este determinată automat de browser.

proprietate padding este versatil, deoarece câmp setează elementul de graniță pentru conținutul său pentru toate laturile sale, combinând astfel proprietățile padding-top. -Padding dreapta. padding-bottom și padding-left. care definesc lățimea câmpului pentru fiecare membru de partid în mod individual.

Densiunile sunt specificate folosind proprietatea marjei. care determină distanța de la marginile blocului la cele mai apropiate elemente sau la marginile ferestrei browserului.







Proprietatea marjă se aplică, de asemenea, tuturor elementelor.

Indicii sunt, de asemenea, specificați în unități de lungime, acceptate în CSS (pentru mai multe detalii, consultați aici). în%. sau (în mod prestabilit) este determinată automat de browser.

Proprietatea marjă este universală, deoarece specifică cantitatea de indentări din limitele elementului pentru toate laturile sale, combinând astfel proprietățile marginale. -Marginea din dreapta. margin-bottom și margin-left. care au stabilit lățimea tălpilor de la fiecare limită a elementului individual.

Și mai mult. liniuță (marja) situată în afara blocului, în timp ce câmpul (padding) în interiorul acestuia, astfel încât blocul de model sau o imagine de fundal este distribuit doar pe teren, și padding este întotdeauna transparentă, sau să aibă modelul principal (părinte) bloc sau pagină de fundal.


Tabelul este situat în interiorul containerului, cu o margine roșie și un fundal albastru.

Lățimea tăișurilor de la marginea mesei până la marginea roșie a containerului este de 10 pixeli.

În celula din stânga este o imagine. Debitele de la imagine la limitele celulei sunt de 25 de pixeli.

Câmpurile celulei drepte sunt de 10 pixeli!







Articole similare

Trimiteți-le prietenilor:


Tabelul este situat în interiorul containerului, cu o margine roșie și un fundal albastru.


Lățimea tăișurilor de la marginea mesei până la marginea roșie a containerului este de 10 pixeli.


În celula din stânga este o imagine. Debitele de la imagine la limitele celulei sunt de 25 de pixeli.


Câmpurile celulei drepte sunt de 10 pixeli!