Jonas Peterson

I de fall jag har hjälpt till med bloggdesign, och då främst problem med koder, har jag upptäckt att många har en förkärlek för att använda sig av alla möjliga sorters koder. I det här inlägget tänkte jag ta upp en av de enklaste funktionerna, närmare bestämt margin.

---

margin styr som ni kanske förstår marginalen runt ett objekt. Objekten kan vara allt från text och länkar till hela menyer och liknande.

I stilmallen står margin utskrivet så här:
#exempel {
margin: 10px 3px 5px 20px;
}

Exemplet överensstämmer även med bilden till höger, som visar vilken del som styr vad. För den som inte förstår sambandet kommer här en förklaring hur det fungerar:

margin: (upp)px (höger)px (ner)px (vänster)px;

Som med alla inställningar i stilmallen ska även margin alltid avslutas med ett semikolon (;) för att den ska fungera korrekt.

---

Som avslutning kommer det vanliga meddelandet om att ni gärna får kommentera mitt inlägg, och fråga om ni inte förstår! Ni kan antingen kommentera eller skicka ett mail, både och går bra :)