CSS padding-bottom egenskab

Definition og brug

padding-bottom-egenskaben indstiller elementets nedre indre margin (bunden af tomrummet).

Beskrivelse

Denne egenskab angiver elementets nedre indre margin bredde. Den nedre indre margin for inline ikke-erstatningskomponenter påvirker ikke linjehøjden, så en element kan visuelt strække sig over til andre linjer og muligvis overlappe med andet indhold. Negativ værdi for nedre indre margin er ikke tilladt.

Kommentar:Negativ værdi er ikke tilladt.

Se også:

CSS-tutorials:CSS indre margen

HTML DOM-referencehåndbogen:paddingBottom-egenskaben

Eksempel

Indstil nedre indre margin for p-elementet:

p
  {
  padding-bottom:2cm;
  }

Prøv det selv

(Flere eksempler kan findes på siden i bunden af siden)

CSS-syntaks

padding-bottom: length|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
length Definerer en fast nedre indre margin i specifikke enheder, såsom pixels, centimeter osv. Standardværdien er 0px.
% Definerer en procentdel af forælderelementets bredde som nedre indre margin. Denne værdi fungerer ikke som forventet i alle browsere.
inherit Definerer, at den nedre indre margin skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: 0
Arv: nej
Version: CSS1
JavaScript-syntaks: object.style.paddingBottom="10px"

TIY-eksempel

Indstil nedre indre margin 1
Dette eksempel viser, hvordan man bruger centimeterværdier til at indstille cellens nedre indre margin.
Indstil nedre indre margin 2
Dette eksempel viser, hvordan man bruger procentværdier til at indstille cellens nedre indre margin.

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5