skip to Main Content

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.

Margin og padding

Padding

webitrice-godagLorem ipsum dolor sit amet, consectetur adipiscing elit.

.blaa-ramme{
    padding: 0;
}

webitrice-godagLorem ipsum dolor sit amet, consectetur adipiscing elit.

.blaa-ramme{
    padding: 20px;
}

webitrice-godagLorem ipsum dolor sit amet, consectetur adipiscing elit.

.blaa-ramme{
    padding: 1em;
}

webitrice-godagLorem ipsum dolor sit amet, consectetur adipiscing elit.

.blaa-ramme{
    padding: 0px 10px 20px 30px;
}

webitrice-godagLorem ipsum dolor sit amet, consectetur adipiscing elit.

padding-top: 20px;

webitrice-godagLorem ipsum dolor sit amet, consectetur adipiscing elit.

padding-right: 20px;

webitrice-godagLorem ipsum dolor sit amet, consectetur adipiscing elit.

padding-bottom: 20px;

webitrice-godagLorem 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;
}
Back To Top
Search