Margin
Margin, som det står i css-koderna, kallas för marginal på svenska. Marginalen bestämmer storleken på varje element. Exempelvis:
body {
margin: 50px 50px 0px 0px;
background-image:url();
background-color: #FFF;
background-position:top-left;
background-attachment:fixed;
background-repeat:repeat;
}
Marginalen har ingen färg och är transparent. Den övre, högra, nedre och vänstra sidan kan man själv bestämma om man ändrar på de fyra talen som är skrivna i fet stil. Det första talet "50px" står för den övre sidan av marginalen. Px står för pixlar. Nästa tal, som också är 50px står för den högra sidan av marginalen, därefter kommer den nedre och den vänstra.
Alternativt kan marginalen ha ett till fyra värden.
* marginal: 25px 50px 75px 100px;
o övre marginalen är 25px
o högermarginalen är 50px
o botten marginalen är 75 px
o vänster marginal är 100px
* marginal: 25px 50px 75px;
o övre marginalen är 25px
o höger och vänster marginalerna är 50px
o botten marginalen är 75 px
* marginal: 25px 50px;
o övre och nedre marginalerna är 25px
o höger och vänster marginalerna är 50px
* marginal: 25px;
o alla fyra marginalerna är 25px
Eftersom marginalerna inte syns brukar folk missa dem, men de är mycket viktigare än vad man tror. Det första exemplet (50px 50px 0px 0px) är marginalen för denna sidan.
Källa: http://www.w3schools.com/css/css_margin.asp
body {
margin: 50px 50px 0px 0px;
background-image:url();
background-color: #FFF;
background-position:top-left;
background-attachment:fixed;
background-repeat:repeat;
}
Marginalen har ingen färg och är transparent. Den övre, högra, nedre och vänstra sidan kan man själv bestämma om man ändrar på de fyra talen som är skrivna i fet stil. Det första talet "50px" står för den övre sidan av marginalen. Px står för pixlar. Nästa tal, som också är 50px står för den högra sidan av marginalen, därefter kommer den nedre och den vänstra.
Alternativt kan marginalen ha ett till fyra värden.
* marginal: 25px 50px 75px 100px;
o övre marginalen är 25px
o högermarginalen är 50px
o botten marginalen är 75 px
o vänster marginal är 100px
* marginal: 25px 50px 75px;
o övre marginalen är 25px
o höger och vänster marginalerna är 50px
o botten marginalen är 75 px
* marginal: 25px 50px;
o övre och nedre marginalerna är 25px
o höger och vänster marginalerna är 50px
* marginal: 25px;
o alla fyra marginalerna är 25px
Eftersom marginalerna inte syns brukar folk missa dem, men de är mycket viktigare än vad man tror. Det första exemplet (50px 50px 0px 0px) är marginalen för denna sidan.
Källa: http://www.w3schools.com/css/css_margin.asp
Kommentarer
Trackback