• Albrunablog door Albruna webdesignburo
  

Margin en padding

Margin en padding

Er schijnen nogal wat onduidelijkheden te bestaan over het onderscheid tussen marging en padding in CSS. Toch is het helemaal niet zo complex. Het verschill tussen beide kan op eenvoudige wijze duidelijk gemaakt worden aan de hand van twee afbeeldingen. Stel je voor je hebt een webpagina waarbinnen zich een vierkant bevindt met daarin tekst.

De ruimte tussen de de rand van de webpagina en de vierkant (element) is de ruimte waar de margin plaatsvindt.

margin

Dus de ruimte buiten het element (de vierkant)

De ruimte tussen de tekst (dat kan natuurlijk ook iets anders zijn dan tekst zoals bijvoorbeeld een afbeelding) en de vierkant (element) is de ruimte waar de padding plaatsvindt.

padding

Dus de ruimte binnen de rand van het element (de vierkant) en diens inhoud (in dit geval de tekst “Welkom op onze website!”)

Hopelijk is het verschil tussen margin en padding iets duidelijker geworden :-D .

Tagged als ,
Categorized als CODE, TUTORIALS

Over de auteur

In 2003 ben ik gestart met webdesignbureau Albruna. Reeds jaren daarvoor had ik mijn eerste website geconstrueerd voor een vereniging waar ik nog altijd lid van ben. Dit lag mij zo goed dat ik er mijn werk van heb gemaakt:-). Naast mijn bedrijfswerkzaamheden schrijf ik artikelen over de Germaanse religie/mythologie voor een Duits tijdschrift en ben momenteel mijn boek over de Germaanse religie/mythologie aan het redigeren. Neem contact op met Albruna | Bezoek de website van Albruna webdesignburo

Reacties van lezers

Geen reacties op “Margin en padding”

Laat een reactie achter






  • - Albruna - "die, welke met de geheime kennis der mythologische wezens is voorzien"
Get Adobe Flash playerPlugin by wpburn.com wordpress themes
Rss Feed Tweeter button Facebook button Linkedin button