Man kan säga att margin: 20px 10px 15px 10px; är en förkorting av:
margin-top: 20px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 10px;
Som betyder mellanrum uppåt, mellantum åt höger, mellanrum nedåt och mellanrum åt vänster.
När man skriver margin: 20px 10px 15px 10px; så är det alltså alltid i följande ordning: top, right, bottom och left! Precis som jag visade här över.
Exakt samma sak gäller padding: 20px 10px 15px 10px; det är samma som:
padding-top: 20px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
Skriver man bara margin: 20px; eller padding 20px; betyder det att både top, right, bottom och left är 20 px;
Skillanden mellan margin och padding då..
Det är i princip samma sak. Man kan säga att margin är mellanrummet till nästa objekt medans padding är mellanrummet inut i en ruta från kanten till innehållet... Det är ganska svårt att förklara, men det är bara att testa lite själva så förstår ni nog :]
Margin och padding???
Kategori:
Övrigt
Kommentarer
Frida
Du verkar vara ganska bra på detta så vet du hur man gör så att sin presentation syns på bloggen (den med bild + namn )?
Frida
Du verkar vara ganska bra på detta så vet du hur man gör så att sin presentation syns på bloggen (den med bild + namn )?
En bögs liv
Hej! Vad tycker du om tsunamin och katastroferna i Japan? Har lagt upp nya videoklipp från tsunamin, säkert trettio meter hög :/
Molly Bergström, UPPSALA
Hoppas du sover gott i natt och får en bra onsdag!
Kika gärna in och kolla på mina två nya dansklipp i streetdance och disco :D Jag gör bort mig rejält i ena videon, haha^^
Kramis på dig :)
Linda
Hej! Hur kan man svara på kommentarer utan att behöva kommentera sitt eget inlägg när kommentaren skrevs? Exempelvis besvara en kommentar i samband med godkännandet och markera att det är bloggaren som svarar?
Frida
svar; asså nej jag menar inte det, utan i vissa designer finns det ju en bild på sig själv i sidan och om man klickar på den står det motto, vad man gillar och inte typ..
Kommentera här:
Senaste inläggen
- Ladda in fler inlägg när man scrollar (Infinite Scroll)
- Ändra utseende på sökrutan och sökrutetexten
- FAQ
- Gratis presentkort och premier
- Köp en färdig design
- Få länkarna i menyn bredvid varandra (ist. för under varandra)
- Dela dina inlägg på facebook & twitter
- Ändra antalet inlägg på förstasidan
- Bildspel som header
- Köp en färdig design
Portaler & Listor
22 Mars 2011 kl. 21:01
Hej fina du!
Tyvärr behöver vi ingen hjälp just nu,men vi hör av oss när vi behöver det! Har ju en ny häst på ingång och då behöver vi ny header, så vi hör av oss. Du verkar duktig du, kram från oss båda! :)
Vi behöver ett hjälp - hur får man bort texten i högra hörnet?? Kram