CSS ponuja spletnemu razvijalcu ogromne priložnosti za oblikovanje strani HTML. Newbie se zdi zapleten, če pa se z njimi skrbno in metodično ukvarjate, se bo tehnologija slogovnih listov sesula, postavitev mest bo prenehala prinašati težave. Ena od nepogrešljivih lastnosti CSS-oblazinjenja. Uporablja se za določanje polj blokov strani HTML.

Kaj so bloki?

Stran je zgrajena iz blokov blokov. Hkrati bi moral vsak element, ne glede na njegovo vsebino, imeti pravokotno obliko. To pomeni, da vse slike in napisi mentalno sestavljajo razvijalec v škatli, s katerim ustvarja spletno stran.


Pogosto so bloki označeni,

-

. Vsak tak element uporablja lastnosti CSS: oblazinjenje, rob, obrobo, širino in druge. Širina bloka pravokotnika je podana z lastnostjo width, nato pa vsak element sestavljajo polja, ki so opisana z atributom border. Nazadnje ima lahko komponenta strani zunanja polja, ali pa zanje - rob, ki ga ločuje od drugega bloka.

Lastnosti CSS padding Sintaksa

Ustvarjalci Cascading Style Sheets so podali več možnosti za pisanje atributa za polja za nastavitev. Prazno območje znotraj bloka lahko naredite na 8 različnih načinov! Spodnja tabela prikazuje primere za vsako možnost in jim daje kratko pojasnilo.




Primer uporabe



Razlaga



oblazinjenje: 15 px;



Če bi moral slediti atributto pomeni, da bo element imel ista polja na vseh straneh. Zapis px predvideva, da je vrednost nastavljena v pikslih. To pomeni, da bo na koncu blok imel polja 15 pik.



oblazinjenje: 18 px 36 px;



Prva od dveh številk pomeni, da bodo navpična polja 18 slikovnih pik, stranice pa dvakrat večje od 36 slikovnih pik.



oblazinjenje: 6 px 12 px 18 px;



Povprečno število je vrednost polj ob straneh (levo in desno), druga dva pa sta navpična polja. V tem primeru se prva številka (6 px) nanaša na zgornje polje, zadnji (18 px) - na dno.



oblazinjenje: 6 px 12 px 18 px 36 px;



Lastnost oblazinjenja CSS, v kateri so štiri številke, vam omogoča, da določite polja na vseh straneh bloka. Številčne vrednosti se uporabljajo zaporedno za zgornje polje in nato v smeri urinega kazalca - desno, spodaj in levo.



padding-left: 14 px;



Izjava, ki ostane govoriti sama zase - polje bo nastavljeno le na levi strani elementa.



padding desno: 14 px;



Podobno kot pri prejšnjem zapisu se polje ustvari le na desni strani bloka.



padding-top: 14 px;



Zapis definira polje od zgoraj.



oblazinjenje-dno: 14 px;



Zapis določa polje spodaj.

Opozoriti je treba, da je CSS padding ničelno. Ta atribut ni podedovan, torej mora biti nameščen za vsak blok. Poleg običajnih in jasnih slikovnih pik je širina praznega prostora okrog blokov podana v relativnih enotah. Na primer, zgornji primeri so lahkozapišite 5% - zato se brskalnik samodejno šteje širino polja.

Kako uporabljati nepremičnine?

Torej se štejejo oblike zapisovanja atributov, ampak kako ga uporabiti na strani HTML? Prva možnost je "lepa", ko vse, kar je povezano s tehnologijo CSS, ni napisano v HTML-ju, temveč je v ločeni datoteki z ustrezno končnico. Druga možnost je, da pišete neposredno na oznako. CSS oblazinjenje v tem primeru je podano na naslednji način: Kako napisati atribut - izbere namestitveni program. V vsakem primeru morate imeti vse načine za uporabo lastnosti za določitev polj, tako da jo uporabite.