Nastavení rámečků
border-style
typ rámečku: žádný, jednolitý, tečkovaný, čárkovaný, atd.
border-style: none, solid, dotted, dashed, ...
border-width
tučnost rámečku
border-width: 1px
border-color
barva rámečku
border-color: barva
border
nastavuje parametry rámečků najednou pomocí jedné značky
border: styl tloušťka barva
Úkol: Text "Záložka je typ odkazu, který směruje do specifikované části stránky (používá se v dlouhých stránkách)." uzavřete do značek <div style="border: solid red 1px"> a </div>. Uložte. Zobrazte v prohlížeči.
Nastavení vnějších a vnitřních okrajů prvku
margin
šířka vnějšího okraje (prostoru kolem) objektu
margin: 10px | 10% | auto
Úkol: Na konec dokumentu index.htm přidejte text
<div style="border:1px solid red">
<div style="border:1px solid blue; margin:10px 30px 50px 70px">Text s různě nastavenými okraji.</div>
</div>
padding
padding na rozdíl od margin určuje vnitřní okraje objektu
padding: 10px| 10%| auto
Úkol: Na konec dokumentu index.htm přidejte text
<span style="border: 1px solid green;padding:10px 20px 30px 40px">toto je objekt a okraji</span>