De opvullingseigenschap definieert de ruimte tussen de rand van het element en de inhoud van het element.
Deze eigenschap kan 4 waarden aannemen:
•Als een waarde wordt opgegeven, zoals div {padding: 50px} - zijn alle vier de zijden van de opvulling 50 px.
•Als twee waarden worden opgegeven, zoals div {padding: 50px 10px} - de boven- en ondervulling is 50 px, en de linker- en rechteropvulling is 10 px.
•Als je drie waarden specificeert, zoals div {padding: 50px 10px 20px} - de boven- en onderste opvulling zijn 50 px, de linker- en rechteropvulling zijn 10 px, en de onderste opvulling is 20 px.
•Als je vier waarden specificeert, zoals div {padding: 50px 10px 20px 30px} - de bovenste opvulling is 50 px, de rechter opvulling is 10 px, de onderste opvulling 20 px en de linker opvulling is 30 px.
DIV CSS-marge verwijst naar het CSS-attribuut woord marge; marge is de marge die de vier zijden van het object bepaalt, zonder achtergrondkleur en zonder kleur.
1. Margesyntaxis
Margin:10px
De waarde van de marge is een getal + html-eenheid, en het kan ook automatisch (automatisch, adaptief) zijn.
2. Applicatiestructuur
Div{margin:10px}
Stel het div-object in op 10px afstand
3. Margebeschrijving
Marge is de afstand tussen de buitenrand van het object en de epitaxiale rand.
Er zijn drie situaties waarin de waarde van de marge een positief geheel getal en een negatief geheel getal kan zijn en een eenheid kan toevoegen zoals PX-pixels (margin-links: 20px); auto kan worden gebruikt als een automatisch attribuut (marge-links: auto auto); Het kan een percentage (%) zijn (margin-left: 3%).
Marge-uitbreiding (stel het woord voor vierzijdige afstand apart in)
marge-links object links linker marge (marge-links:5px; Linker verlengingsafstand 5px)
Marge-rechts De rechtermarge van het object (marge-rechts:5px; Rechterverlengingsafstand 5px)
marge-boven-object (marge-boven: 5px; Bovenste epitaxiale afstand 5px)
marge-onder-object (marge-onder: 5px; Lagere epitaxiale afstand 5px)
|
Geplaatst op 30-10-2014 16:21:55
|
|
|
