ilj@flowsim.se
stylesheets/ stilmallar på svenska - css
stilmallar och marginaler - margin
i exemplet ligger ett svart lager (= yta mellan <div> och </div>) ovanpå ett ljusgrått
>>> mer om marginaler


text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

klicka på länkarna nedan för att se skillnaden på margin & padding
 
margin
 
 förse det svarta lagret med marginaler
<div style="margin:10px">text</div>
 
 förse det svarta lagret med vänstermarginal
<div style="margin-left:20px">text</div>
 
padding
 
 förse det svarta lagret med 'stoppning'
<div style="padding:10px">text</div>
 
 förse det svarta lagret med 'stoppning'i vänsterkanten
<div style="padding-left:20px">text</div>
 
 återställ
 

 
 
 
 
 
 
 
 
 
 
 
 

 
Så här kan en stilmall som förser alla "divvar" med 18 pixlar breda marginaler se ut:
 
<STYLE TYPE="text/css">
<!--
div {
margin:18px;
}
-->
</STYLE>

 
Bara vänstermarginal?
   margin-left:18px
 
mer om marginaler och ramar
 
FLER STiLMALLSEXEMPEL:
stilmallar & listor
stilmallar & tabeller
bilder/färgändring
stylesheets och länkar
    stylesheets och länkar
    stylesheets och länkar
    stylesheets och länkar
cursor/muspekare
stilmallsknappar
stilmall & TEXTAREA
stilmall & textrutor
dynamiska tabeller
första rad/bokstav
listor/egna bilder
IFRAME/ram
rubriker/H-taggar
rita med stilmallar - "skuggor"
visa/gömma ytor t ex julkalender
text-align
bredd & höjd
"gles text"

 
en linje
Sidan gjordes av
ilj@flowsim.se
Senast ändrad 13 mars 2004.
Den här sidan hör hemma i ett tredelat framessystem
hos:
www.flowsim.se
Stilmallar på svenska