padding & margin
Udvalgte CSS-koder
CSS-begreberne margin og padding er i nær familie med hinanden.
PADDING er den INDRE afstand i en ramme, og kan billedligt sammenlignes med et passepartout i en billedramme.
MARGIN er den YDRE afstand fra rammens kant til en anden ramme/ element.
Padding
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.blaa-ramme{
padding: 0;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.blaa-ramme{
padding: 20px;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.blaa-ramme{
padding: 1em;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.blaa-ramme{
padding: 0px 10px 20px 30px;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
padding-top: 20px;
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
padding-right: 20px;
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
padding-bottom: 20px;
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
padding-left: 20px;
Margin
margin: 0px;
margin: 0px;
margin: 20px;
margin: 0px;
margin: 0em;
margin: 1.2em;
margin: 10px 20px 30px 40px;
margin: 0px 0px 0px 30%;
margin-top: -10px;
margin-top: -10px;
margin-right: 20px;
margin-right: -80px;
margin-bottom: 1em;
margin-bottom: -20px;
margin-left: -30px
margin-left: 10%;
.centrer{
border: 1px solid #ff8a00;
background-color: rgba(255,140,0,0.5);
padding: 5px;
width: 50%;
margin: 10px auto;
}