CSS Bordery (okraje)
CSS border vlastnosti definujú bordery (okraje) okolo elementu.
Príklady
V?etky border vlastnosti v jednom
Tento príklad predvádza skratku, kde si nastavíte v?etky vlastnosti
pre v?etky bordery v jednom, mô?e ma? 1 a? 3 hodnoty.
Nastavi? rozli?né bordey
na ka?dú stranu
Tento príklad predvádza, ako nastavi? rozlirné bordery na ka?dú stranu elementu.
V?etky vrchné border vlastnosti
v jednom
Tento príklad predvádza skratku, kde si nastavíte v?etky vlastnosti pre vrchný border v jednom.
V?etky vlastnosti pre spodný
border v jednom
Tento príklad predvádza skratku, kde si nastavíte v?etky vlastnosti pre
spodný border v jednom.
V?etky vlastnosti pre ?avý
border v jednom
Tento príklad predvádza skratku, kde si nastavíte v?etky vlastnosti pre
?avý border v jednom.
V?etky vlastnosti pre pravý
border v jednom
Tento príklad predvádza skratku, kde si nastavíte v?etky vlastnosti pre
pravý border v jednom.
Nastavi? ?týl ?tyroch borderov
Tento príklad predvádza, ako nastavi? ?týl ?tyroch borderov.
Nastavi?
?týl vrchného borderu
Tento príklad predvádza, ako nastavi? ?týl vrchného borderu.
Nastavi?
?týl spodného borderu
Tento príklad predvádza, ako nastavi? ?týl spodného borderu.
Nastavi?
?týl ?avého borderu
Tento príklad predvádza, ako nastavi? ?týl ?avého borderu.
Nastavi?
?týl pravého borderu
Tento príklad predvádza, ako nastavi? ?týl pravého borderu.
V?etky vlastnosti ?írky vrchného
borderu v jednom
Tento príklad predvádza skratku, kde si nastavíte v?etky vlasnosti ?írky ?tyroch borderov v jednom,
mô?e ma? 1 a? 4 hodnoty.
Nastavi? ?írku vrchného
borderu
Tento príklad predvádza, ako nastavi? ?írku vrchného borderu.
Nastavi? ?irku spodného
borderu
Tento príklad predvádza, ako nastavi? the ?irku spodného borderu.
Nastavi? ?irku ?avého
borderu
Tento príklad predvádza, ako nastavi? ?írku ?avého borderu.
Nastavi? ?írku pravého
borderu
Tento príklad predvádza, ako nastavi? ?írku pravého borderu.
Nastavit farbu ?tyroch borderov
Tento príklad predvádza, ako nastavi? farbu ?tyroch borderov. Mô?e to ma? 1 a? 4 hodnoty.
Nastavi?
farbu vrchného borderu
Tento príklad predvádza, ako nastavi? farbu vrhcného borderu.
Nastavi?
farbu spodného borderu
Tento príklad predvádza, ako nastavi? frabu spodného borderu.
Nastavi?
farbu ?avého borderu
Tento príklad predvádza, ako nastavi? farbu ?avého borderu.
Nastavi?
farbu pravého borderu
Tento príklad predvádza, ako nastavi? farbu pravého borderu.
CSS Vlastnosti borderov
CSS Vlastnosti borderov vám povolujú ur?i? ?týl farby borderu elementu. V HTML pou?ívame tabu?ky na vytvorenie borderov okolo
textu, ale v CSS vlastnostiach borderov mô?eme vytvori? bordery s peknými efektami a mô?e to by? aplikované na ka?dý element.
Podpora prehliada?a: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: ?íslo vo "W3C" st?pci indikuje, pre ktoré CSS odporú?anie je
vlastnos? definovaná (CSS1 alebo CSS2).
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| border |
Skratka, kde si nastavíte v?etky vlastnosti pre v?etky bordery v jednom |
border-width
border-style
border-color |
4 |
1 |
4 |
1 |
| border-bottom |
Skratka, kde si nastavíte v?etky vlastnosti pre spodný
border v jednom |
border-bottom-width
border-style
border-color |
4 |
1 |
6 |
1 |
| border-bottom-color |
Nastaví farbu spodného borderu |
border-color |
4 |
1 |
6 |
2 |
| border-bottom-style |
Nastaví ?týl spodného borderu |
border-style |
4 |
1 |
6 |
2 |
| border-bottom-width |
Nastaví ?írku spodného borderu |
thin
medium
thick
length |
4 |
1 |
4 |
1 |
| border-color |
Nastaví farbu ?tyroch borderov, mô?e ma? 1 a? 4 hodnoty |
color |
4 |
1 |
6 |
1 |
| border-left |
Skratka, kde si nastavíte v?etky vlastnosti pre ?avý
border v jednom |
border-left-width
border-style
border-color |
4 |
1 |
6 |
1 |
| border-left-color |
Nastaví farbu ?avého borderu |
border-color |
4 |
1 |
6 |
2 |
| border-left-style |
Nastaví ?týl ?avého borderu |
border-style |
4 |
1 |
6 |
2 |
| border-left-width |
Nastaví ?írku ?avého borderu |
thin
medium
thick
length |
4 |
1 |
4 |
1 |
| border-right |
Skratka, kde si nastavíte v?etky vlastnosti pre pravý
border v jednom |
border-right-width
border-style
border-color |
4 |
1 |
6 |
1 |
| border-right-color |
Nastaví farbu pravého borderu |
border-color |
4 |
1 |
6 |
2 |
| border-right-style |
Nastaví ?týl pravého borderu |
border-style |
4 |
1 |
6 |
2 |
| border-right-width |
Nastaví ?írku pravého borderu |
thin
medium
thick
length |
4 |
1 |
4 |
1 |
| border-style |
Nastaví ?týl ?tyroch borderov, mô?e ma? 1 a? 4 ?týly |
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset |
4 |
1 |
6 |
1 |
| border-top |
Skratka, kde si nastavíte v?etky vlastnosti pre vrchný border v jednom |
border-top-width
border-style
border-color |
4 |
1 |
6 |
1 |
| border-top-color |
Nastaví farbu vrchného borderu |
border-color |
4 |
1 |
6 |
2 |
| border-top-style |
Nastaví ?týl vrchného borderu |
border-style |
4 |
1 |
6 |
2 |
| border-top-width |
Nastaví ?írku vrchného borderu |
thin
medium
thick
length |
4 |
1 |
4 |
1 |
| border-width |
Skratka, kde si anstavíte ?írku ?tyroch borderov v jendom,
mô?e ma? 1 a? 4 hodnoty |
thin
medium
thick
length |
4 |
1 |
4 |
1 |
|