Odmik (ang. Padding) se uporablja za ustvarjanje prostora okoli vsebine elementa znotraj poljubnih definiranih robov. Lastnost odmika (padding) se uporablja za ustvarjanje prostora okoli vsebina elementa znotraj poljubnih definiranih robov. S CSS imamo popoln nadzor nad odmiki (padding). Obstajajo lastnosti za nastavitev odmika za vsako stran elementa. Te so zgoraj, desno, spodaj in levo v tem vrstnem redu.
Vse lastnosti odmika (ang. Padding) imajo lahko naslednje vrednosti;
Vrednost | Opis |
---|---|
% (Odstotek) | Določa odmik v odstotkih širine vsebovanega elementa. |
Dolžina (ang. Length) | Določa odmik v px, em, vw itd. |
Dedovanje (ang. Inherit) | Določa, da mora biti odmik podedovano od nadrejenega elementa. |
Negativne vrednosti niso dovoljene. Če želimo kodo skrajšati, je mogoče podati vse lastnosti odmika v eni lastnosti. Lastnost odmika je skrajšana lastnost za naslednje posamezne lastnosti odmikov:
Če želimo vpisati vse štiri vrednosti skupaj (zgoraj, desno, spodaj in levo) vpišemo:
p.a { border: 1px solid black; padding: 100px 122px 100px 122px; }
Če želimo zgornji in spodnji odmik enake velikosti, kot tudi leva in desna odmika:
p.b { border: 1px solid black; padding: 50px 200px; }
Pomeni, da bosta zgornji in spodnji odmik dolžine 50px, levi in desni pa dolžine 200px.
Odmik (ang. Padding) | Skrajšana lastnost za nastavitev vseh lastnosti odmika v eni deklaraciji. | Glej primer |
---|---|---|
Zgornji odmik (ang. Padding top) | Nastavi zgornji odmik elementa. | Glej primer |
Desni odmik (ang. Padding right) | Nastavi desni odmik elementa. | Glej primer |
Spodnji odmik (ang. Padding bottom) | Nastavi spodnji odmik elementa. | Glej primer |
Levi odmik (ang. Padding left) | Nastavi levi odmik elementa. | Glej primer |