proprietate marja Css

proprietate universal, care vă permite să setați într-o singură declarație de dimensiunea elementului indentare. Indentați este spațiul de la marginea elementului curent la marginea interioară a elementului mamă. proprietate marja poate dura de la una la patru valori.







  • margin: 10px 5px 15px 20px;
    • 10px liniuță superioară
    • 5px liniuță dreapta
    • inferior 15px indentare
    • Left 20px alin
  • margin: 10px 5px 15px;
    • 10px liniuță superioară
    • Marginile din dreapta și din stânga 5px
    • inferior 15px indentare
  • margin: 10px 5px;
    • superioare și inferioare marjelor 10px
    • Marginile din dreapta și din stânga 5px
  • margin: 10px;
    • Toate cele patru padding 10px

Avertizare. Puteți utiliza valori negative.

Marja: dimensiunea | auto | inițială | moștenesc;

Browserul setează automat dimensiunea decupării.

Setează dimensiunea adâncitură în unități CSS - pixeli (px), centimetri (cm), etc. Valoarea implicită este 0.







Setează dimensiunea indentare ca procent din lățimea elementului părinte.

Valoarea este moștenită de la mamă.

Aceasta stabilește valoarea implicită.

Setați dimensiunea crestătura pe toate cele patru laturi

Colapsul crestate

La elementele de bloc dispuse adiacent unul cu celălalt efect colaps vertical se observă atunci când liniuțele nu sunt însumate și combinate între ele.

Luați în considerare următorul exemplu:

Pe baza acestui exemplu, dimensiunea elementului inferior indentare

setat la 30px, iar dimensiunea elementului inset superior

- în 20px.

Dă naștere piling sens spune că distanța pe verticală între elementele

și

ar trebui să fie 50px (30px + 20px). Cu toate acestea, din cauza efectului colapsului în deystitelno această valoare va fi 30px.

colaps inutil acționează asupra a două sau mai multe blocuri (unul poate fi încorporat în interiorul altuia) Indentat din partea de sus sau de jos, marginile adiacente sunt combinate într-una singură. Pentru marginile din stânga și din dreapta colaps nu sa aplicat niciodată.

Colapsul nu funcționează:

  • pentru elementele a căror parte colaps set de proprietate de umplutură.
  • pentru elementele care colaps pe partea laterală a limita definită;
  • în poziționarea absolută, adică elementele cele în care poziția este stabilită ca absolută;
  • pe elemente (pentru proprietatea lor de float este setat ca la stânga sau la dreapta) plutitoare;
  • pentru elementele de linie;
  • pentru elementul .

Toate proprietățile CSS