Stila atribūti padding/margin atbild par elementu iekšējām/ārējām atkāpēm, attiecīgi - par to, cik tālu no elementa robežām atradīsies tajā esošais saturs, vai cik tālu no elementa robežām atradīsies ap to esošais saturs (cik tālu elements atradīsies no apkārtējiem elementiem).
Kā viena, tā arī otra šī atribūta vērtības var pierakstīt 2 veidos. Viens, kurš vairāk pierasts un "atbilstošāks" standartiem ir garāks, otrs varbūt ne tik ilustratīvs, toties īsāks.
Šeit piemērs garajam pierakstam :
Un šeit šīs pašas vērtības īsajā pierakstā :
P.S. Ja vērtība līdzinās nullei, mērvienību (px) var nenorādīt.
Vispār īsajā pierakstā var tikt norādītas 1 - 4 vērtības :
* Ja norādīta viena vērtība (margin: 20px;) - attiecīgā atkāpe tiek noteikta no visām elementa malām.
* Ja norādītas divas vērtības (margin: 10px 5px;) - pirmā vērtība nosaka atkāpes no augšējās un apakšējās malām, otrais - no kreisās un labās malām.
* Ja norādītas trīs vērtības (margin: 5px 10px 5px;) - pirmā vērtība nosaka atkāpi no augšējās malas, otrais - no
kreisās un labās malām, trešais - atkāpi no apakšējās malas.
* Ja norādītas visas četras vērtības (margin: 5px 10px 5px 10px;) - secīgi nosaka atkāpes no augšējās, labās, apakšējās, kreisās malām.
Kā viena, tā arī otra šī atribūta vērtības var pierakstīt 2 veidos. Viens, kurš vairāk pierasts un "atbilstošāks" standartiem ir garāks, otrs varbūt ne tik ilustratīvs, toties īsāks.
Šeit piemērs garajam pierakstam :
Code
<style>
margin-top: 20px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 15px;
</style>
margin-top: 20px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 15px;
</style>
Un šeit šīs pašas vērtības īsajā pierakstā :
Code
<style>
margin: 20px 0 10px 15px;
</style>
margin: 20px 0 10px 15px;
</style>
P.S. Ja vērtība līdzinās nullei, mērvienību (px) var nenorādīt.
Vispār īsajā pierakstā var tikt norādītas 1 - 4 vērtības :
* Ja norādīta viena vērtība (margin: 20px;) - attiecīgā atkāpe tiek noteikta no visām elementa malām.
* Ja norādītas divas vērtības (margin: 10px 5px;) - pirmā vērtība nosaka atkāpes no augšējās un apakšējās malām, otrais - no kreisās un labās malām.
* Ja norādītas trīs vērtības (margin: 5px 10px 5px;) - pirmā vērtība nosaka atkāpi no augšējās malas, otrais - no
kreisās un labās malām, trešais - atkāpi no apakšējās malas.
* Ja norādītas visas četras vērtības (margin: 5px 10px 5px 10px;) - secīgi nosaka atkāpes no augšējās, labās, apakšējās, kreisās malām.