Layout

Inställning	Alternativ	Exempel
border	Skall specificeras:   rambredd   ramstil   ramfärg Se förklaringarna för:   border-width   border-style   border-color	{ border:0.2cm groove orange } { border:none }
border-width	medium thin thick Eller   Ange måttet. Tex 10pt	{ border-width:0.2cm } { border:none } Gäller block tags
border-style	none dotted dashed solid double groove ridge inset outset	{ border-style: groove }
border-color	Ange en färg	{ border-color: red }
border-bottom border-left border-right border-top border-left-color ...	Samma regler som gäller för border går även att tillämpa för de enskilda linjerna för en ram Se exemplen	{ border-left-color: red } { border-bottom: 5pt ridge blue } { border-right-style: ridge }
margin	1 till 4 mått Dessa kan anges i någon av måtteheterna i CSS Om man anger: Ett mått används det för alla marginaler Två mått används det första för top och botten och det andra för vänster och högermarginal Tre mått betyder topp, vänster/höger och botten Fyra betyder topp, höger, botten och vänster Marginalerna kan vara negativa, men inte för topp och botten på inline element För icke block tags som t.ex SPAN måste position: absolute; sättas för att kunna sätta marginaler.	{ margin: 1cm } { margin: 1cm 0.5cm 1cm 0cm }
margin-top margin-bottom margin-left margin-right	Man kan även specificera marginalkerna individuellt...	{ margin-left: 1cm }
padding	Bestämmer den inre marginalen Om vi har en ruta med text i så bestämmer marginalerna avståndet från rutan till övriga element i dokumentet paddin å andra sidan bestämmer avståndetr mellan rutans ram och dess innehåll Samma regler för mått gäller som för margin	{ padding: 1cm }
padding-top padding-bottom padding-left padding-right	Man kan även betämma padding individuellt	{ padding-left: 1cm }
clear	none left right both Se float för närmare beskrivning	{ clear: left }
float	none left right Bestämmer på vilken sida texten skall flyta för t.ex bilder. Gör samma sak som <IMG SRC="bild.gif" ALIGN="left"> men man kan istället skriva <STYLE TYPE="text/css"> <!-- IMG   {      float: left   } --> </STYLE> om man vill att alla bilder skall komma till vänster Om man vill att en text alltid skall komma under eventuella bilder kan man sätta clear: both för t.ex. alla P