Laboratórium špecializácie 1 - jazyk XHTML, CSS a JavaScript
Page 1 of 6
CSS vlastnosti - stručný prehľad Vlastnosti písma Vlastnost
Hodnoty
font-family rodina písma
font-style
styl písma
font-variant varianta písma
font-weight duktus písma
font-size veľkosť písma
font
písmo
Význam
normal italic oblique
normal small-caps
normal bold bolder lighter 100 | 200 | 300 | 400 500 | 600 | 700 | 800 | 900 caption* icon* menu* message-box* small-caption* status-bar*
Elementy Dědění
jméno rodiny písma obecná rodina písma
všetky
ano
normální kurzíva skolněné
všetky
ano
normální kapitálky
všetky
ano
normální tučné tučnějąí slabąí číselné vyjádření
všetky
ano
absolutní veľkosť relativní veľkosť délka procentuální zvětąení
všetky
ano
styl písma varianta písma duktus písma veľkosť písma rodina písma pro ovládací prvky všetky pro označení ikon pro menu pro dialogová okna pro malé ovládací prvky pro stavový řádek
ano
Vlastnosti farby a pozadí Vlastnost
Hodnoty
Význam
Elementy
Dědění
color
farba
všetky
ano
transparent
farba průhledná
všetky
ne
none
URL obrázku ľádný
všetky
ne
opakování vąemi směry opakování ve směru x opakování ve směru y
všetky
ne
farba
backgroundcolor
farba pozadí
backgroundimage
obrázek na pozadí
backgroundrepeat
směr opakování
file://C:\css\index.html
repeat repeat-x repeat-y no-repeat
19. 10. 2005
Laboratórium špecializácie 1 - jazyk XHTML, CSS a JavaScript
pozadí
backgroundattachment
bez opakování
scroll fixed
roluje se je fixní
top center bottom left center right
Page 2 of 6
všetky
ne
připevnění pozadí
backgroundposition umístění obrázku na pozadí
background
pozadí
procentuálně délka nahoru vertikální střed dolů vlevo horizontální střed vpravo
blokové ne nahrazované
farba pozadí obrázek na pozadí opakovánípozadí všetky připevnění pozadí umístění obrázku na pozadí
ne
Vlastnosti textu Vlastnost
word-spacing zvětąení mezislovní mezery
Hodnoty
Význam
normal
normal
none underline overline line-through blink baseline sub super top text-top middle bottom text-bottom
capitalize uppercase lowercase none
left right center justify
Elementy Dědění
bez zvětąení zvětąení o délku
všetky
ano
bez zvětąení zvětąení o délku
všetky
ano
všetky
ne
inline
ne
všetky
ano
blokové
ano
blokové
ano
letter-spacing
zvětąení mezery mezi znaky (prostrkání)
text-decoration
ozdobení textu
vertical-align
vertikální zarovnávání
text-transform transformace textu
text-align zarovnávání
text-indent odsazení 1. řádky odstavce
file://C:\css\index.html
ľádné podtrľení nadtrľení přeąkrtnutí blikání na řádek horní index dolní index k nejvyąąímu elementu k vrąku rodičovského na střed rodičovského na spod rodičovského k nejniľąímu elementu procentuálně první písmena slov velká všetkýchna velká všetkýchna malá ľádná změna vlevo vpravo na střed do bloku délka procentuálně
19. 10. 2005
Laboratórium špecializácie 1 - jazyk XHTML, CSS a JavaScript
line-height
výąka řádky
normal
Page 3 of 6
normální číslo délka procentuálně
všetky
ano
Vlastnosti boxů Vlastnost
margin-top
Hodnoty
vnějąí horní okraj
margin-right
vnějąí pravý okraj
margin-bottom
vnějąí spodní okraj
margin-left
vnějąí levý okraj
margin
vnějąí okraj
padding-top vnitřní horní okraj
padding-right vnitřní pravý okraj
padding-bottom vnitřní spodní okraj
padding-left vnitřní levý okraj
padding vnitřní okraj
border-top-width ąířka horního rámečku
border-right-width ąířka pravého rámečku
border-bottomwidth
ąířka spodního rámečku
border-left-width
ąířka levého rámečku
file://C:\css\index.html
Význam
auto
auto
auto
auto
auto
thin medium thick thin medium thick
thin medium thick
thin medium thick
Elementy
Dědění
délka procentuálně automaticky
všetky
ne
délka procentuálně automaticky
všetky
ne
délka procentuálně automaticky
všetky
ne
délka procentuálně automaticky
všetky
ne
délka procentuálně automaticky
všetky
ne
délka procentuálně
všetky
ne
délka procentuálně
všetky
ne
délka procentuálně
všetky
ne
délka procentuálně
všetky
ne
délka procentuálně
všetky
ne
všetky
ne
všetky
ne
tenká střední tlustá délka
všetky
ne
tenká střední tlustá délka
všetky
ne
tenká střední tlustá délka tenká střední tlustá délka
19. 10. 2005
Laboratórium špecializácie 1 - jazyk XHTML, CSS a JavaScript
border-width ąířka rámečku
thin medium thick
Page 4 of 6
všetky
ne
tenká střední tlustá délka
farba
všetky
ne
none dotted dashed solid double groove ridge inset outset
ľádný tečkovaný čárkovaný jednoduchý dvojitý rýha hřbet vsazený vysazený ąířka horního rámečku styl rámečku farba ąířka pravého rámečku styl rámečku farba ąířka spodního rámečku styl rámečku farba ąířka levého rámečku styl rámečku farba
všetky
ne
všetky
ne
všetky
ne
všetky
ne
všetky
ne
všetky
ne
auto
auto
left right none
none left right both
border-color farba rámečku
border-style
styl rámečku
border-top horní rámeček
border-right pravý rámeček
border-bottom spodní rámeček
border-left levý rámeček
border
rámeček
width
ąířka
height výąka
float
plovoucí objekt
clear
čekání na skončení plovoucích objektů
ąířka rámečku styl rámečku farba délka procentuálně automaticky délka automaticky
blokové ne nahrazované
blokové ne nahrazované
vlevo vpravo ľádný efekt
všetky
ne
ľádné zleva zprava z obou stran
všetky
ne
Klasifikační vlastnosti Vlastnost
display druh elementu
white-space
file://C:\css\index.html
Hodnoty block inline list-item none
normal
Význam blokový inline poloľka seznamu nezobrazuje se
Elementy
Dědění
všetky
ne
normální
19. 10. 2005
Laboratórium špecializácie 1 - jazyk XHTML, CSS a JavaScript
mezery
list-style-type typ odrážky seznamu
pre nowrap disc circle square decimal decimal-leadingzero lower-roman upper-roman lower-greek lower-alpha upper-alpha armenian georgian none
none
Page 5 of 6
předformátovaný text nezalamuje mezery
blokové
ano
plné kolečko prázdné kolečko čtvereček číslo číslo doplněné nulou malá římská číslice velká římská číslice malé řecké písmeno malé písmeno velké písmeno arménské georgiánské bez odrážky
display:listitem
ano
URL obrázku odrážky ľádný
display:listitem
ano
odrážka vsazená do textu odrážka předsazená textu
display:listitem
ano
plné kolečko prázdné kolečko čtvereček číslo malé písmeno velké písmeno malé řecké písmeno velké řecké písmeno bez odrážky, bez obrázku odrážka vsazená do textu odrážka předsazená textu URL obrázku odrážky
display:listitem
ano
list-style-image
obrázek odrážky seznamu
list-style-position
umístění odrážky seznamu
inside outside
list-style odrážka seznamu
disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none inside outside
Vlastnosti pozicování Vlastnost
position* umístění elementu
top*
Hodnoty static relative absolute fixed
posun odshora o
right*
posun zprava o
bottom*
posun zespoda o
left*
file://C:\css\index.html
Význam normální relativní absolutní fixní
auto
auto
auto
Elementy
Dědění
všetky
ne
délka procentuálně bez posunu
pozicované
ne
délka procentuálně bez posunu
pozicované
ne
délka procentuálně bez posunu
pozicované
ne
délka procentuálně
pozicované
ne
19. 10. 2005
Laboratórium špecializácie 1 - jazyk XHTML, CSS a JavaScript
posun zleva o
auto
bez posunu
width*
auto
délka procentuálně automatická
auto
ąířka elementu
height*
výąka elementu
overflow*
způsob zobrazení elementů, ktoré sa nevejdou do svých rozměrů
visible hidden scroll auto
Page 6 of 6
blokové nahrazované
ne
blokové nahrazované
ne
ne
blokové nahrazované buňky inline bloky
zadání vrcholů normální zobrazení
position:absolute ne
viditelný skrytý
všetky
ano
normální číslo
pozicované
ne
délka procentuálně automatická přetečení elementu skrytí přetečeného přidání scroll-barů vľdy přidání scroll-barů jen pokiaľ skutečně přeteče
clip*
definice viditelné časti elementu
visibility*
viditelnost elementu
<shape> auto visible hidden collapse
z-index*
umístění elementu na ose z
file://C:\css\index.html
auto
19. 10. 2005