margin
margin:
margin is een css property die wordt gebruikt om de afstand tussen elementen in te stellen. Het is een waarde die wordt toegekend aan alle vier de randen van een element. Deze waarde bepaalt de afstand tussen de randen van het element en andere elementen;
Voorbeelden:
Toepassing:
<DIV style="margin: auto;">
Voorbeeldtekst
</DIV>
margin-bottom
margin-bottom:
margin-bottom is een css property die wordt gebruikt om de afstand tussen het element en de onderrand van het element in te stellen. Het is een waarde die wordt toegekend aan de onderrand van het element. Deze waarde bepaalt de afstand tussen de onderrand van het element en andere elementen;
Voorbeelden:
Toepassing:
<DIV style="margin-bottom: auto;">
Voorbeeldtekst
</DIV>
margin-left
margin-left:
Margin-left geeft de linker-marge van een element aan. Het bepaalt hoe ver het element vanaf de linker kant verschoven wordt. Het is een manier om de afstand tussen twee elementen te bepalen.
Voorbeelden:
- margin-left: 10px;
- margin-left: auto;
Toepassing:
<DIV style="margin-left: auto;">
Voorbeeldtekst
</DIV>
margin-right
margin-right:
Margin-right geeft de rechter-marge van een element aan. Het bepaalt hoe ver het element vanaf de rechter kant verschoven wordt. Het is een manier om de afstand tussen twee elementen te bepalen.
Voorbeelden:
- margin-right: 10px;
- margin-right: auto;
Toepassing:
<DIV style="margin-right: auto;">
Voorbeeldtekst
</DIV>
margin-top
margin-top:
Margin-top geeft de boven-marge van een element aan. Het bepaalt hoe ver het element vanaf de boven kant verschoven wordt. Het is een manier om de afstand tussen twee elementen te bepalen.
Voorbeelden:
- margin-top: 10px;
- margin-top: auto;
Toepassing:
<DIV style="margin-top: auto;">
Voorbeeldtekst
</DIV>
all
all:
De property all is een shorthand-property waarmee je alle andere eigenschappen van de elementen in de selectie kunt aanpassen. Alle eigenschappen die gereset worden door browsers, zoals margin, border, padding, font-style, font-variant en letter-spacing, worden geregeld door deze property.
Voorbeelden:
- all: initial;
- all: unset;
- all: inherit;
- all: revert;
Toepassing:
<DIV style="all: revert;">
Voorbeeldtekst
</DIV>