CSS: Rámeček (Border) a okraje

Nastavení rámečků, vnějších vnitřních okrajů prvku.

border-width

Tučnost rámečku

border-width: thin | medium | thick| 1px | 3px

zde je nejlepší použít hodnotu px.

border-style

Nastavuje typ rámečku jednolitý, tečkovaný, čárkovaný, dvojitý atd.

border-style: none | dotted | dashed | solid
double | groove | ridge | inset | outset

style="border: 2px dotted"
style="border: 1px solid"
style="border: 1px dashed"
style="border: 4px double"

dotted

solid

dashed

double

border-color

Barva rámečku

border-color: barva
(#000000, red, green, rbg(50%,25%,25%))

style="border: solid red 1px"

rámeček

border-width-left

Nastavuje barvu levé, pravé, horní nebo dolní strany rámečku

border-width-left | right | top | bottom: velikost

style="border-style: solid;
border-width-left: 1px;

border

Nastavuje všechny parametry

border: styl tloušťka barva

style="border: 1px solid gray"

Navíc lze rámeček lokalizovat pomocí right, top, bottom a left (pravý, horní, dolní a levý)

border-top:1px solid red;
border-bottom:5px dashed gray

margin

Margin - Šířka vnějšího okraje objektu

margin-left| top| right| bottom: 10px | 10% | auto

style="margin: 10px; border: 1px gray solid"

padding

Padding - Šířka vnitřního okraje

padding-left| top| bottom| right: 10px| 10%| auto

style="padding: 10px; border: 1px solid gray"

Další: Velikosti (width a height) objektů

Navigace