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ů
Vyhledávání
Základy
Reference
Vlastnosti
CSS vlastnosti abecedně
- backgroud-position backgroundbackground-attachementbackground-colorbackground-imagebackground-repeatborderborder-bottomborder-bottom-colorborder-bottom-styleborder-bottom-widthborder-colorborder-leftborder-left-colorborder-left-styleborder-left-widthborder-rightborder-right-colorborder-right-styleborder-right-widthborder-styleborder-topborder-top-colorborder-top-styleborder-top-widthborder-widthbottomheightline-heightmarginmargin-bottommargin-leftmargin-rightmargin-topmax-heightmin-heightmin-widthpaddingpadding-bottompadding-leftpadding-rightpadding-topwidth
Poradna
Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.