CSS padding egenskab

Definition og brug

padding kortegenskab sætter alle indrykningsegenskaber i én deklaration.

Beskrivelse

Denne kortegenskab sætter bredden af alle indrykningsegenskaber for elementet, eller indrykningsegenskaberne for hver side. Indrykningsegenskaber for inline ikke-erstatningselementer påvirker ikke liniehøjden beregning; Derfor kan en element, der både har indrykning og baggrund, visuelt strække sig til andre linjer og muligvis overlappe med andet indhold. Elementets baggrund strækker sig gennem indrykningsegenskaberne. Negativ værdi for indrykningsegenskaber er ikke tilladt.

Bemærk:Negativ værdi er ikke tilladt.

Eksempel 1

padding:10px 5px 15px 20px;
  • Øverste indrykning er 10px
  • Højre indrykning er 5px
  • Nederste indrykning er 15px
  • Venstre indrykning er 20px

Eksempel 2

padding:10px 5px 15px;
  • Øverste indrykning er 10px
  • Højre og venstre indrykning er 5px
  • Nederste indrykning er 15px

Eksempel 3

padding:10px 5px;
  • Øverste og nederste indrykning er 10px
  • Højre og venstre indrykning er 5px

Eksempel 4

padding:10px;
  • Alle fire indrykningsegenskaber er 10px

Se også:

CSS tutorial:CSS indre margen

HTML DOM referencehåndbog:padding-egenskaben

Eksempel

Indstil de fire indrykningsegenskaber for p-elementet:

p
  {
  padding:2cm 4cm 3cm 4cm;
  }

Prøv det selv

CSS syntaks

padding: length|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
auto Browseren beregner indrykningsegenskaber.
length Definerer indrykningsegenskaber som en bestemt enhed, såsom pixels, centimeter osv. Standardværdien er 0px.
% Definerer indrykningsegenskaber som en procentdel af forældreelementets bredde.
inherit Definerer, at indrykningsegenskaberne skal arves fra forældreelementet.

Tekniske detaljer

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

TIY Eksempel

Alle indrykningsegenskaber i én deklaration
Dette eksempel viser, hvordan man bruger kortegenskaber til at sætte alle indrykningsegenskaber i én deklaration, hvilket kan være et til fire værdier.

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