CSS padding egenskap

Definition och användning

padding-förkortningsegenskapen sätter alla innervinkel属性 i en deklaration.

Förklaring

Denna förkortade egenskap sätter bredden på alla innervinklar för elementet, eller sätter bredden på innervinkeln för varje sida. Innervinkeln på inline icke ersättande element påverkar inte beräkningen av radhöjd; därför kan en element med både innervinkel och bakgrund visuellt sträcka sig över andra rader och kan också överlappa annan innehåll. Elementets bakgrund sträcker sig genom innervinkeln. Negativa innervinkelvärden är inte tillåtna.

Kommentar:Negativa värden är inte tillåtna.

Exempel 1

padding:10px 5px 15px 20px;
  • Övre innervinkeln är 10px
  • Högerinnervinkeln är 5px
  • Nedre innervinkeln är 15px
  • Vänsterinnervinkeln är 20px

Exempel 2

padding:10px 5px 15px;
  • Övre innervinkeln är 10px
  • Högerinnervinkeln och vänsterinnervinkeln är 5px
  • Nedre innervinkeln är 15px

Exempel 3

padding:10px 5px;
  • Övre innervinkeln och nedre innervinkeln är 10px
  • Högerinnervinkeln och vänsterinnervinkeln är 5px

Exempel 4

padding:10px;
  • Alla 4 innervinklar är 10px

Se också:

CSS-lärarhandledning:CSS inre marginalia

HTML DOM-referenshandboken:padding-egenskapen

Exempel

Ställ in 4 innervinklar för p-elementet:

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

Prova själv

CSS-syntax

padding: length|initial|inherit;

Egenskapsvärde

Värde Beskrivning
auto Webbläsaren beräknar innervinkeln.
length Definierar innervinkelvärdet i specifika enheter, t.ex. pixlar, centimeter, etc. Standardvärdet är 0px.
% Definierar innervinkeln som en procentandel av föräldrelementets bredd.
inherit Definierar att innervinkeln ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: 0
Arv: nej
Version: CSS1
JavaScript-syntax: object.style.padding="10px 5px"

TIY-exempel

Alla innervinkel属性 i en deklaration
Detta exempel visar hur alla innervinkel属性 kan sättas i en deklaration med en förkortad egenskap, och kan ha ett till fyra värden.

Webbläsarstöd

Tabelens siffror anger den första webbläsarens version som fullständigt stöder detta egenskap.

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