CSS zoznam
Odkazy v st?pci "Vlastnos?" ukazuje na ?al?ie
u?ito?né informácie o ka?dej vlastnosti.
Podpora prehliada?ov: IE: Internet Explorer, M: len pre Mac IE, F: Firefox, N: Netscape.
W3C: ?íslo vo "W3C" st?pci indikuje, pre ktoré CSS odporú?anie je vlastnos?
definovaná (CSS1 alebo CSS2).
| Property |
Description |
Values |
IE |
F |
N |
W3C |
| background |
Skrátená vlastnos?, ktorá nastavuje v?etky background vlastnosti v jednom |
background-color
background-image
background-repeat background-attachment background-position |
4 |
1 |
6 |
1 |
| background-attachment |
Nastavuje, ?i je obrázok pozadia fixnutý alebo ?i sa posúva
s ostatkom stránky |
scroll
fixed |
4 |
1 |
6 |
1 |
| background-color |
Nastaví farbu pozadia elementu |
color-rgb
color-hex
color-name
transparent |
4 |
1 |
4 |
1 |
| background-image |
Nastaví obrázok na pozadí |
url(URL)
none |
4 |
1 |
4 |
1 |
| background-position |
Nastaví pozíciu obrázka na pozadí |
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos |
4 |
1 |
6 |
1 |
| background-repeat |
Nastaví, ?i/ako bude obrázok na pozadí opakovaný |
repeat
repeat-x
repeat-y
no-repeat |
4 |
1 |
4 |
1 |
| Vlastnos? |
Description |
Hodnoty |
IE |
F |
N |
W3C |
| border |
Skrátená vlastnos? na nastavenie v?etkých vlastností pre ?tyri okraje v jednom |
border-width
border-style
border-color |
4 |
1 |
4 |
1 |
| border-bottom |
Skrátená vlastnos? na nastavenie v?etkých vlastností pre spodný
okraj v jednom |
border-bottom-width
border-style
border-color |
4 |
1 |
6 |
1 |
| border-bottom-color |
Nastaví farbu spodného okraju |
border-color |
4 |
1 |
6 |
2 |
| border-bottom-style |
Nastaví ?týl spodného okraju |
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 okrajov, mô?u ma? jeden a? ?tyri farby |
color |
4 |
1 |
6 |
1 |
| border-left |
Skrátená vlastnos? na nastavenie v?etkých vlastností pre ?avý
okraj v jednom |
border-left-width
border-style
border-color |
4 |
1 |
6 |
1 |
| border-left-color |
Nastaví farbu ?avého okraju |
border-color |
4 |
1 |
6 |
2 |
| border-left-style |
Nastaví ?týl ?avého okraju |
border-style |
4 |
1 |
6 |
2 |
| border-left-width |
Nastaví ?írku ?avého okraju |
thin
medium
thick
length |
4 |
1 |
4 |
1 |
| border-right |
Skrátená vlastnos? na nastavenie v?etkých vlastností pre pravý okraj
v jednom |
border-right-width
border-style
border-color |
4 |
1 |
6 |
1 |
| border-right-color |
Nastaví farbu pravého okraju |
border-color |
4 |
1 |
6 |
2 |
| border-right-style |
Nastaví ?týl pravého okraju |
border-style |
4 |
1 |
6 |
2 |
| border-right-width |
Nastaví ?írku pravého okraju |
thin
medium
thick
length |
4 |
1 |
4 |
1 |
| border-style |
Nastaví ?týl ?tyroch okrajov, mô?u ma? jeden a? ?tyri ?týly |
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset |
4 |
1 |
6 |
1 |
| border-top |
Skrátená vlastnos? na nastavenie v?etkých vlastností pre vrchné okraje v jednom |
border-top-width
border-style
border-color |
4 |
1 |
6 |
1 |
| border-top-color |
Nastaví farbu vrhcného okraju |
border-color |
4 |
1 |
6 |
2 |
| border-top-style |
Nastaví ?týl vrchného okraju |
border-style |
4 |
1 |
6 |
2 |
| border-top-width |
Nastaví ?írku vrchného okraju |
thin
medium
thick
length |
4 |
1 |
4 |
1 |
| border-width |
Skrátená vlastnos? na nastavenie ?írky v?etkých ?tyroch
okrajov v jednom, mô?u ma? jeden a? ?tyri ?týly |
thin
medium
thick
length |
4 |
1 |
4 |
1 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| clear |
nastaví strany elementu, kde iné plávajpce elementy nie sú povolené |
left
right
both
none |
4 |
1 |
4 |
1 |
| cursor |
?pecifikuje typ kurzora, ktorý sa má zobrazi? |
url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help |
4 |
1 |
6 |
2 |
| display |
Nastaví ako/?i bude element zobrazený |
none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption |
4 |
1 |
4 |
1 |
| float |
Nastaví, kde sa obrázok alebo text zobrazí v inom elemente |
left
right
none |
4 |
1 |
4 |
1 |
| position |
Postaví element do statickej, relatívnej, absolútnej alebo fixnej pozícií |
static
relative
absolute
fixed |
4 |
1 |
4 |
2 |
| visibility |
Nastaví, ?i bude element vidite?ný/nevidite?ný |
visible
hidden
collapse |
4 |
1 |
6 |
2 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| height |
Nastaví vý?ku elementu |
auto
length
% |
4 |
1 |
6 |
1 |
| line-height |
Nastaví vzdialenos? medzi riadkami |
normal
number
length
% |
4 |
1 |
4 |
1 |
| max-height |
Nastaví maximálnu vý?ku elementu |
none
length
% |
- |
1 |
6 |
2 |
| max-width |
Nastaví maximálnu ?írku elementu |
none
length
% |
- |
1 |
6 |
2 |
| min-height |
Nastaví minimálnu vý?ku elementu |
length
% |
- |
1 |
6 |
2 |
| min-width |
Nastaví minimálnu ?írku elementu |
length
% |
- |
1 |
6 |
2 |
| width |
Nastaví ?írku elementu |
auto
%
length |
4 |
1 |
4 |
1 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
font
|
Skrátená vlastnos? na nastavenie v?etkých vlastností pre font
v jednom |
font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar |
4 |
1 |
4 |
1 |
font-family
|
Uprednostený zoznam názvov font-family a/alebo font-generic pre element |
family-name
generic-family |
3 |
1 |
4 |
1 |
font-size
|
Nastaví ve?kos? fontu |
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
% |
3 |
1 |
4 |
1 |
| font-size-adjust |
?pecifikuje hodnotu vzh?adu pre element, ktorý bude uchováva? x-ovú vý?ku
prvo-zvoleného fontu |
none
number |
- |
- |
- |
2 |
| font-stretch
|
Koncentruje alebo rozpína aktuálny font-family |
normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded |
- |
- |
- |
2 |
font-style
|
Nastaví ?týl fontu |
normal
italic
oblique |
4 |
1 |
4 |
1 |
font-variant
|
Zobrazí text v small-caps fonte alebo v nromálnom |
normal
small-caps |
4 |
1 |
6 |
1 |
font-weight
|
Nastaví hrúbku fontu |
normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900 |
4 |
1 |
4 |
1 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| content |
Generuje obsah v dokumente. Pou?itý s :before a :after pseudo-elementami |
string
url
counter(name)
counter(name, list-style-type)
counters(name, string)
counters(name, string, list-style-type)
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote |
|
1 |
6 |
2 |
| counter-increment |
Nastaví, ako ?asto sa inkrementuje po?ítadlo, pri ka?dom výskyte selektora |
none
identifier number |
|
|
|
2 |
| counter-reset |
Nastaví hodnotu, na ktorú má by? nastavené po?ítadlo, pri ka?dom výskyte selektora |
none
identifier number |
|
|
|
2 |
| quotes |
Nastaví typ úvodzoviek |
none
string string |
- |
1 |
6 |
2 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| list-style |
Skrátená vlastnos? na nastavenie v?etkých vlastností pre odrá?ky v jednom |
list-style-type
list-style-position
list-style-image |
4 |
1 |
6 |
1 |
| list-style-image |
Nastaví obrázok, ako odrá?ku |
none
url |
4 |
1 |
6 |
1 |
| list-style-position |
Nastaví, kde je zobrazená zna?ka odrá?ky v zozname |
inside
outside |
4 |
1 |
6 |
1 |
| list-style-type |
Nastaví typ zna?ky odrá?iek |
none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha |
4 |
1 |
4 |
1 |
| marker-offset |
|
auto
length |
|
1 |
7 |
2 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| margin |
Skraátená vlastnos? pre nastavenie vlastností marginov v jednom |
margin-top
margin-right
margin-bottom
margin-left |
4 |
1 |
4 |
1 |
margin-bottom |
Nastaví spodný margin elementu |
auto
length
% |
4 |
1 |
4 |
1 |
margin-left |
Nastaví ?avý margin elementu |
auto
length
% |
3 |
1 |
4 |
1 |
margin-right |
Nastaví pravý margin elementu |
auto
length
% |
3 |
1 |
4 |
1 |
| margin-top |
Nastaví vrchný margin elementu |
auto
length
% |
3 |
1 |
4 |
1 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| outline |
Skrátená vlastnos? pre ur?enie v?etkých outline vlastností v jednom |
outline-color
outline-style
outline-width |
- |
1.5 |
- |
2 |
| outline-color |
Nastaví farbu outlinu okolo elementu |
color
invert |
- |
1.5 |
- |
2 |
| outline-style |
Nastaví ?týl outlinu okolo elementu |
none
dotted
dashed
solid
double
groove
ridge
inset
outset |
- |
1.5 |
- |
2 |
| outline-width |
Nastaví ?írku outlinu okolo elementu |
thin
medium
thick
length |
- |
1.5 |
- |
2 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| padding |
Skrátená vlastnos? pre nastavenie v?etkých padding vlastností v jednomn |
padding-top
padding-right
padding-bottom
padding-left |
4 |
1 |
4 |
1 |
padding-bottom |
Nastaví spodný padding elementu |
length
% |
4 |
1 |
4 |
1 |
padding-left |
Nastaví ?avý padding elementu |
length
% |
4 |
1 |
4 |
1 |
padding-right |
Nastaví pravý padding elementu |
length
% |
4 |
1 |
4 |
1 |
| padding-top |
Sets the top padding of an element |
length
% |
4 |
1 |
4 |
1 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| bottom |
Nastaví, ako ?aleko je spodný okraj elementus nad/pod spodným
okrajom materského elementu |
auto
%
length |
5 |
1 |
6 |
2 |
| clip |
Nastaví tvar elementu. Element je vystrihnutý do tohto tvaru a zobrazený |
shape
auto |
4 |
1 |
6 |
2 |
| left |
Nastaví, ako ?aleko je ?avý okraj elementu napravo/na?avo od ?avého
okraju materského elementu |
auto
%
length |
4 |
1 |
4 |
2 |
overflow
|
Nastaví, ?o sa stane, ke? obsah elementu prete?ia cez jeho plochu |
visible
hidden
scroll
auto |
4 |
1 |
6 |
2 |
| position |
Vlo?í element do statickej, relatívnej, absolútnej alebo fixnej pozície |
static
relative
absolute
fixed |
4 |
1 |
4 |
2 |
| right |
Nastaví, ako ?aleko je pravý okraj elementu na?avo/napravo od pravého
rohu materského elementu |
auto
%
length |
5 |
1 |
6 |
2 |
| top |
Nastaví, ako ?aleko je vrchný okraj elementu nad/pod vrchným
okrajom materského elementu |
auto
%
length |
4 |
1 |
4 |
2 |
| vertical-align |
Nastaví vertikálne zarovnanie elementu |
baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
% |
4 |
1 |
4 |
1 |
| z-index |
Nastaví poradie elementu (?i bude navrchu alebo pod nie?ím) |
auto
number |
4 |
1 |
6 |
2 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| border-collapse |
Nastaví, ?i budú bordery tabu?ky spojené do jedného borderu alebo
rozdelené ako v ?tandardnom HTML |
collapse
separate |
5 |
1 |
7 |
2 |
| border-spacing |
Nastaví vzdialenos?, ktorá oddeluje okraje buniek
(len pre model "oddelených okrajov") |
length length |
5M |
1 |
6 |
2 |
| caption-side |
Nastaví pozíciu titulku tabu?ky |
top
bottom
left
right |
5M |
1 |
6 |
2 |
| empty-cells |
Nastaví, ?i ukáza?/neukáza? prázdne bunky v tabu?ke (len
pre model "oddelených okrajov") |
show
hide |
5M |
1 |
6 |
2 |
| table-layout |
Nastaví algoritmus, pou?itý na zobrazenie buniek, riadkov a st?pcov tabu?ky |
auto
fixed |
5 |
1 |
6 |
2 |
| Vlastnos? |
Popis |
Hodnoty |
IE |
F |
N |
W3C |
| color |
Nastaví farbu textu |
color |
3 |
1 |
4 |
1 |
| direction |
Nastaví smer textu |
ltr
rtl |
6 |
1 |
6 |
2 |
| line-height |
Nastaví vzdialenos? medzi riadkami |
normal
number
length
% |
4 |
1 |
4 |
1 |
| letter-spacing |
Zvä??í alebo zmen?í medzeru medzi znakmi |
normal
length |
4 |
1 |
6 |
1 |
| text-align |
Zarovná text v elemente |
left
right
center
justify |
4 |
1 |
4 |
1 |
| text-decoration |
Pridá dekoráciu do textu |
none
underline
overline
line-through
blink |
4 |
1 |
4 |
1 |
| text-indent |
Odsadí prvý riadok textu v elemente |
length
% |
4 |
1 |
4 |
1 |
| text-shadow |
|
none
color
length |
|
|
|
|
| text-transform |
Kontroluje písmená v elemente |
none
capitalize
uppercase
lowercase |
4 |
1 |
4 |
1 |
| unicode-bidi |
|
normal
embed
bidi-override |
5 |
|
|
2 |
| white-space |
Nastaví, ako je o?etrená biela medzera v elemente |
normal
pre
nowrap |
5 |
1 |
4 |
1 |
| word-spacing |
Zvä??í alebo zmen?i medzeru medzi slovami |
normal
length |
6 |
1 |
6 |
1 |
| Pseudo-class |
Ú?el |
IE |
F |
N |
W3C |
| :active |
Pridá ?peciáln ?týl do aktivovaného elementu |
4 |
1 |
8 |
1 |
| :focus |
Pridá ?peciálny ?týl do elementu, ak má element focus |
- |
1.5 |
8 |
2 |
| :hover |
Pridá ?peciálny ?týl do elementu, ak ceze? prejdete my?ou |
4 |
1 |
7 |
1 |
| :link |
Pridá ?peciálny efekt pre nenav?tívený link |
3 |
1 |
4 |
1 |
| :visited |
Pridá ?peciálny ?týl pre nav?tívený link |
3 |
1 |
4 |
1 |
| :first-child |
Pridá ?peciálny ?tyýl na element, ktorý je prvým "die?a?om" iného elementu |
- |
1 |
7 |
2 |
| :lang |
Povoluje autorovi ?pecifikova? jazyk, ktorý sa má pou?i? v ?pecifikovanom elemente |
- |
1 |
8 |
2 |
| Pseudo-element |
Ú?el |
IE |
F |
N |
W3C |
| :first-letter |
Pridá ?peciálny ?týl do prvého písmenka textu |
5 |
1 |
8 |
1 |
| :first-line |
Pridá ?peciálny ?týl do prvého riadku textu |
5 |
1 |
8 |
1 |
| :before |
Vlo?í nejaký obsah pred elemente |
|
1.5 |
8 |
2 |
| :after |
Vlo?í nejaký obsah za element |
|
1.5 |
8 |
2 |
|