Marja, ghidul de css
proprietate marja CSS definește distanța de-a lungul verticală și / sau orizontală (de asemenea, denumite „indentare externă“ sau „câmp“) de marginea exterioară a ramei elementului curent la elementul părinte al limitei interioare a elementului exterior sau muchia care este situat lângă elementul curent.
Efectul vizual va depinde de numărul de valori prestabilite:
- margin: 10px 5px 15px 20px;
- Margine sus - 10px
- câmpul din dreapta - 5px
- marginea de jos - 15px
- Marja de stânga - 20px
- Margine sus - 10px
- Dreptul și câmpul din stânga - 5px
- marginea de jos - 15px
- Sus și marginea de jos - 10px
- Dreptul și câmpul din stânga - 5px
Extern indentate orizontal poate fi setat pentru blocul pentru elementele rând și numai elementele blocului verticale.
Combinând câmpuri verticale
- Domeniul de articole care alăptează sunt aranjate unul deasupra celuilalt și sunt unite în fluxul de documente într-o singură comună. Înălțimea câmpului rezultat este egal cu înălțimea mai mare dintre cele două domenii, de exemplu: element de top-box (marja de jos) este 10px, iar membrul inferior (marja-top) - 20px, un singur câmp în acest caz este 20px înălțime.
- Combinând domeniile părinte și elementul copil în fluxul documentului are loc, în cazul în care elementul mamă nu are nimic din ceea ce s-ar putea separa de elementul copil liniuță exterior aspectul liniuță (cadru, umplutură sau conținutul liniei). De asemenea, câmpurile Uniunii nu vor avea loc în cazul în care elementul de bază pentru a seta preaplinul proprietate cu o valoare de ascuns sau auto. În plus al acestei metode este faptul că dimensiunea elementului părinte nu este crescut.
Pentru a instala indentare externă separat pentru fiecare lonjeron, următoarele proprietăți: margin-top. margin-bottom. -Marginea din stânga. -Marginea din dreapta.
Notă: Valorile negative sunt permise câmpuri.
Implicit:
toate elementele cu excepția elementelor care se referă la tipul de afișare: * table-, în plus față de masă legendă, masă și inline-table. Extras: valori legate de marja de-top si margin-bottom nu se aplică elementelor rând.
indentare verticală se calculează ca 0. Dacă utilizați următoarele puncte ar trebui să fie luate în considerare pentru indentare orizontală:- Această valoare se aplică numai elemente de nivel bloc, care au o lățime fixă
- folosind valorile auto, elementul este deplasat complet spre stânga sau spre dreapta, dacă valoarea este setată simultan la marginea din stânga și din dreapta a elementului este centrat pe orizontală.
Indică o dimensiune de câmp în unitățile utilizate în CSS.
Valoarea indicată în procente, se calculează în funcție de lățimea conținutului elementului părinte.