CSS padding-bottom egenskap
- föregående sida padding-block-start
- Nästa sida padding-inline
Definition och användning
padding-bottom-egenskapen ställer in elementets nedre innerspår (bottenmarginal).
Förklaring
Egenskapen ställer in elementets nedre innerspår. Nedre innerspår på inline icke ersättningselement påverkar inte linjehöjden, så om ett element har både innerspår och bakgrund kan det visuellt sträcka sig till andra rader och kan också kollidera med annan innehåll. Negativa innerspårsvärden tillåts inte.
Kommentar:Negativa värden tillåts inte.
Se också:
CSS-handboken:CSS inre marginalia
HTML DOM-handboken:paddingBottom-egenskapen
Exempel
Ställ in nedre innerspår för p-elementet:
p { padding-bottom:2cm; }
(mera exempel finns på sidan botten)
CSS-syntax:
padding-bottom: length|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
length | Definierar en fast nedre innerspårsvärde i specifik enhet, t.ex. pixlar, centimeter, etc. Standardvärdet är 0px. |
% | Definierar en procentandel av föräldrelementets bredd för nedre innerspår. Detta värde fungerar inte som förväntat i alla webbläsare. |
inherit | Definierar att nedre innerspåret ska härledas från föräldrelementet. |
Tekniska detaljer
Standardvärde: | 0 |
---|---|
Arvsförmåga: | no |
Version: | CSS1 |
JavaScript-syntax: | object.style.paddingBottom="10px" |
TIY-exempel
- Ställ in nedre innerspår 1
- Detta exempel visar hur man använder centimetervärden för att ställa in cellens nedre innerspår.
- Ställ in nedre innerspår 2
- Detta exempel visar hur man använder procentvärden för att ställa in cellens nedre innerspår.
Webbläsarstöd
Tal i tabellen noterar den första webbläsarens version som fullständigt stöder egenskapen.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- föregående sida padding-block-start
- Nästa sida padding-inline