Rámečky a okraje, tato kapitola bude věnovaná právě rámečkům a okrajům okolo objektů, jako jsou například obrázky, tabulky a další možné objekty. Definují se pomocí parametru border.
|
Popis: |
Parametr: |
Příklad: |
Výsledek: |
| border-width |
Nastavení tučnosti rámečku |
border-width: thin| medium| thick| 1px |
style="border-width: medium" |
medium |
| border-style |
Nastavuje se typ rámečku a to třeba jednolitý, tečkovaný, čárkovaný, dvojitý atd. Záleží na použitém parametru |
border-style: none| dotted| dashed| solid| double| groove| ridge| inset| outset |
style="border: 3px dotted"
style="border: 1px solid"
style="border: 4px dashed"
style="border: 4px 1px double" |
dotted
solid
dashed
double
|
| border-color |
Nastaví se barva rámečku na požadovanou barvu, barvy se zapisují dle už známých typů zápisů, které jsme probrali |
border-color: barva(#000000, red, green, rbg(50%,20%,30%)) |
style="border: solid blue 1px" |
rámeček |
| border |
Nastavuje všechny parametry borderu |
border: styl tloušťka barva |
style="border: 2px dashed green" |
border |
| margin |
Šířka vnějšího okraje objektu |
margin-left| top| right| bottom: 10px|10%|auto |
style="margin: 5px; border: 4px blue solid" |
okraje |
| padding |
Šířka vnitřního okraje |
padding-left| top| bottom| right: 10px| 10%| auto |
style="padding: 10px; border: 1px solid gray" |
okraje 10px
|
