CSS nudi web developeru ogromne mogućnosti za dizajniranje HTML stranica. Newbie oni izgledaju složeni, ali ako pažljivo i metodički nositi s njima, tehnologija stilova će se raspasti, izgled stranica će prestati donositi poteškoće. Jedno od neophodnih svojstava CSS-paddinga. Koristi se za određivanje polja blokova HTML stranica.
Koji su blokovi?
-
. Svaki takav element koristi svojstva CSS-a: padding, margin, border, width i druge. Širinu bloka pravokutnika daje svojstvo width, zatim svaki element izrađuje polje koje je označeno pomoću atributa border. Konačno, komponenta stranice može imati vanjska polja, ili udubljenja - rub koji ga odvaja od drugog bloka.
Sintaksa CSS popunjavanja svojstava
Primjer uporabe
Objašnjenje
padding: 15 px;
Ako nakon atributa slijedito znači da će element imati ista polja na svim stranama. Px zapis pretpostavlja da je vrijednost postavljena u pikselima. To znači da će na kraju blok imati polja od 15 piksela.
obloga: 18 px 36 px;
Prvi od dva broja označava da će okomita polja iznositi 18 piksela, a stranice su dvostruko veće od 36 piksela.
obloga: 6 px 12 px 18 px;
Prosječni broj je vrijednost polja na stranama (lijevo i desno), a druga dva su vertikalna polja. U ovom slučaju, prvi broj (6 px) odnosi se na gornje polje, a posljednji (18 px) - na dno.
obloga: 6 px 12 px 18 px 36 px;
Svojstvo CSS popunjavanja, u kojem su prisutna četiri broja, omogućuje vam da navedete polja na svim stranama bloka. Numeričke vrijednosti se primjenjuju uzastopno na gornje polje, a zatim u smjeru kazaljke na satu - desno, dolje i lijevo.
padding-left: 14 px;
Izjava ostavljena da govori sama za sebe - polje će biti postavljeno samo lijevo od elementa.
padding-right: 14 px;
Slično prethodnom zapisu, polje će se stvoriti samo na desnoj strani bloka.
padding-top: 14 px;
Zapis definira polje odozgo.
padding-bottom: 14 px;
Zapis definira okvir ispod.
Treba napomenuti da je CSS padding po defaultu jednak nuli. Ovaj atribut nije naslijeđen, odnosno mora biti instaliran za svaki blok. Osim uobičajenih i jasnih piksela, širina praznog prostora oko blokova je dana u relativnim jedinicama. Primjerice, gore navedeni primjeri mogu bitizapisuje 5% - kao rezultat, preglednik automatski računa širinu polja.