e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

Odmiki

Koda:

web editor 

<p style="padding:0;"> ... </p>
Izgled v
brskalniku:		 padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0; padding:0;
Razlaga:

V tem primeru je odmik definiran za vse štiri strani skupaj in sicer z samo enim parametrom. Ta je enak 0.

Koda: 
<p style="padding:10px;"> ... </p>
Izgled v
brskalniku:		 padding:10px; padding:10px; padding:10px; padding:10px; padding:10px; padding:10px; padding:10px; padding:10px; padding:10px; padding:10px; padding:10px; padding:10px;
Razlaga:

Element je na vseh štirih straneh od roba oddaljen za 10 pikslov.

Koda: 
<p style="padding:5px 20px;"> ... </p>
Izgled v
brskalniku:		 padding:5px 20px; padding:5px 20px; padding:5px 20px; padding:5px 20px; padding:5px 20px; padding:5px 20px; padding:5px 20px; padding:5px 20px; padding:5px 20px; padding:5px 20px; padding:5px 20px; padding:5px 20px;
Razlaga:

Element je spodaj in zgoraj odmaknjen za 5 pixlov, levo in desno pa za 20 pikslov.

Koda: 
<p style="padding:5px 0 10px;"> ... </p>
Izgled v
brskalniku:		 padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px; padding:5px 0 10px;
Razlaga:

Element je odmaknjen 5 pikslov od zgornjega roba, desno in levo ni odmika, spodaj pa je odmik 10 pikslov.

Koda: 
<p style="padding:10px 25px 2px 0;"> ... </p>
Izgled v
brskalniku:		 padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px; padding:10px 25 2px 0px;
Razlaga:

Odmik je nastavjen za vsako stranico posebej. Element je odmaknjen 10 pikslov zgoraj, 25 pikslov desno, 2 piksla spodaj in brez odmika levo.

gor Gor     e-gradiva     CSS     ABC     primeri    

SERŠ Maribor : Strokovna gimnazija : 2004 : Gregor Jelen