Oblazinjenje (Padding)

Oblazinjenje se uporablja za ustvarjanje prostora okoli vsebine elementa, znotraj katerekoli definirane meje. Obstajajo štirje elementi oblazinjenja, to so LEFT, RIGHT, BOTTOMin TOP. Length (slo. Dolžina) oblazinjenje določa v kraticah px, pt, cm itn., v odstotkih % širine elementa Inherit (slo. Podedovanje) pa določa, da mora oblazinjenje biti podedovan od starševskega elementa. Če vse skupaj posplošim, oblazinjenje določa položaj elementov na spletni strani.

Oblazinjenje

Lastnosti Height in Width imajo sledeče vrednosti:

Vrednosti OPIS
auto brskalnik izračuna zamike samostojno, in prilagodi na spletni strani
length oblazinjenje določamo v px, pt ali cm
inherit višina in širina bosta podedovali od starševske (ang. Parent) vrednosti
% oblazinjenje določimo v odstotkih
initial višino in širino nastavi na privzeto vrednost

Kako deluje oblazinjenje si lahko predstavljamo na način škatle, v katero lahko damo še eno škatlo. Če želimo obdržati širino na 300px, ne gleda na količino oblazinjenja, lahko uporabimo lastnost box-sizing. Zaradi te lastnosti bo element ohranil svojo širino, če pa bi povečali oblazinjenje, se bo razpoložljiv prostor zmanjšal.

LASTNOSTI OPIS
padding za oblazinjenje lahko vpišemo vse štiri lastnosti skupaj [zgoraj, desno, spodaj, levo]
padding-top nastavimo spodnje oblazinjenje
padding-left nastavimo levo oblazinjenje
padding-right nastavimo desno oblazinjenje
padding-bottom nastavimo spodnje oblazinjenje