Okraje a rámčeky
Pre každý element (telo, nadpis, odstavec atd) sa dajú nastaviť:
1. Vonkajší okraj
a) pre body	udáva v pixeloch vzdialenosť elementu od okrajov okna prehliadača
b) pre ostatné	udáva v pixeloch vzdialenosť elementu od predcházajúceho - vyššieho elementu (nadpis h2 od h1, odstavec od predchádzajúceho atd)
	Zadáva sa slovom margin s pomlčkou a polohou (top, right, bottom, left):
body {margin-top: 30px; margin-right: 30px; margin-bottom: 30px; margin-left: 130px;}
	Alebo ešte lepšie naraz v presnom poradí horný, pravý, spodný a ľavý. Ak zadáme len dva, sú to tie prvé - horný a ľavý, ostatné sa zrkadlia (pravý=ľavý):
body {margin: 30px 30px 30px 130px;}
body {margin: 30px 20px;}
p {margin: 30px;}	ak sú všetky rovnaké, stačí aj jeden, za nulou netreba dať px
	a dajú sa aj v percentách:
h1 {margin: 20%;}
2. Rámik
	Udáva aký rámik je okolo elementu. Nastavuje sa šírka, štýl a farba každej strany rámčeka. Slovo je border.
a) šírka strany - width	udáva sa v pixeloch alebo slovom. Slová sú thin, medium a thick.
border-top-width: 2px; border-right-width: thick;
b) štýl rámčeka - style	udáva sa slovom: dotted (bodky), dashed (čiarky), solid (čiara), double (2 čiary), inset (prepadnutý), outset (vystúpený), hidden (skrytý), none (bez).
border-right-style: dotted;
c) farba okraja	color - klasicky
border-right-color: #808080;
	Zjednodušený zápis je pre stranu okraja vždy v poradí a,b,c takto:
body {border-top: 1px dotted red;border-left: ...............;}
	Ak použijeme IBA slovo border, nastava sa tak všetky strany rovnako:
h1 {border: 1px dotted red;}
3. Vnútorný okraj
	Umožňuje nastaviť priestor medzi rámčekom a obsahom. Zadáva sa tiež pre jednotlivé strany, ako 1 - vonkajší - v px alebo percentách.
	Zadáva sa slovom padding v rovnakom poradí:
p {border: thin solid orange; padding-top: 5px; padding-right: 2px;}
	alebo skrátene
p {border: thin solid orange; padding: 5px 2px 12px 2px;}