CSS margin-bottom egenskap
- föregående sida margin-block-start
- Nästa sida margin-inline
Definition och användning
margin-bottom-egenskapen ställer in elementets nedre utkant.
Kommentar:Negativa värden är tillåtna.
Se också:
CSS-tutorials:CSS marginaler
HTML DOM-referencehandboken:marginBottom-egenskapen
Exempel
Ställ in den nedre utkanten för p-elementet:
p { margin-bottom:2cm; }
(Mer exempel hittar du längre ner på sidan)
CSS-syntax
margin-bottom: length|auto|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
auto | Webbläsaren beräknar den nedre utkanten. |
length | Definitionen anger värdet för den nedre utkanten i en specifik enhet, till exempel pixlar, centimeter osv. Standardvärdet är 0px. |
% | Specificera den nedre utkanten som en procentandel av innehållselementets bredd. |
inherit | Definitionen anger att den nedre utkanten bör härledas från föräldrelementet. |
Tekniska detaljer
Standardvärde: | 0 |
---|---|
Ärvnad: | nej |
Version: | CSS1 |
JavaScript-syntax: | object.style.marginBottom="10px" |
Mer exempel
- Ställ in textens nedre utkant 1
- Detta exempel visar hur man använder centimetervärden för att ställa in textens nedre utkant.
- Ställ in textens nedre utkant 2
- Detta exempel visar hur man använder procentvärden för att ställa in textens nedre utkant.
Webbläsarstöd
Talen i tabellen anger den första webbläsare som fullständigt stöder egenskapen.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- föregående sida margin-block-start
- Nästa sida margin-inline