Padding

Från Webbling
Hoppa till: navigering, sök

Används för att sätta bredden på ett elements utfyllnad eller padding. Det vill säga avståndet mellan innehållet i en box och boxens kant (se boxmodellen för mer info). Bredden kan anges med hjälp av alla CSS-måttenheter.

Detta är en samlingsegenskap och man kan ange mellan ett eller fyra värden för att sätta olika utfyllnad på olika sidor.

Om man anger ett värde, kommer det att gälla för utfyllnaden på alla sidor.

Om man anger två värden; Det första gäller för utfyllnad på topp- och botten, medan det andra värdet gäller för utfyllnad på höger och vänster sida.

Om man anger tre värden; Det första att ange utfyllnad på toppen. Det andra på höger- och vänster sida. Det tredje gäller för botten.

Om man anger fyra värden; Det första anger utfyllnad på toppen. Det andra på höger sida. Det tredje på botten. Det fjärde på vänster sida.

Egenskaper

Parametrar <breddvärde> | inherit
Defaultvärde
Ärvs? Nej
Animerbart? Ja
Fungerar med... Alla element

breddvärdet anger hur mycket utfyllnad som ska vara mellan innehållet i ett element och boxens kant. Värdet kan anges med hjälp av alla CSS-måttenheter.

Exempel

See the Pen bdXQXy by Patrik Grip-Jansson (@PGJ) on CodePen.

Egenskapens definition

http://www.w3.org/TR/CSS2/box.html#propdef-padding