CSS Padding
Vadnica logo
vadnica logo
x
HTML CSS JavaScript jQuery SQL PHP Laravel
HTML CSS Orodje za delo Oblikovanje spletne strani Izbirniki Prikazovalniki Besedila Pisave Barve Gumbi Obrobe Robovi Odmik Ozadja Animacije 2D Preoblikovanje 3D Preoblikovanje Lastnosti Razno JavaScript jQuery MySQL PHP Laravel

CSS Odmik (ang. CSS Padding)

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.

CSS odmik (ang. CSS Padding)

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:

  1. padding-top
  2. padding-right
  3. padding-bottom
  4. padding-left

Č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

Hvala za obisk! Dodajam politiko zasebnosti.

© 2024 Vse pravice pridržane.

Donirajte preko PayPal ADMIN