CSS vlastnosti - stručný prehľad. Vlastnosti písma. Vlastnosti farby a pozadí. font-family. font-style. font-variant. font-weight. font-size.

Transkript

1 Page 1 of 6 CSS vlastnosti - stručný prehľad Vlastnosti písma 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 <family-name> <geric-family> italic oblique small-caps bold bolder lighter <absolute-size> <relative-size> <font-style> <font-variant> <font-weight> <font-size> <font-family> caption* icon* menu* message-box* small-caption* status-bar* Vlastnosti farby a pozadí jméno rodiny písma obecná rodina písma kurzíva skolněné kapitálky tučné tučnějąí slabąí číselné vyjádření absolutní veľkosť relativní veľkosť procentuální zvětąení styl písma varianta písma duktus písma veľkosť písma rodina písma pro ovládací prvky pro označení ikon pro menu pro dialogová okna pro malé ovládací prvky pro stavový řádek color farba farba pozadí obrázek na pozadí backgroundcolor backgroundimage backgroundrepeat směr opakování transparent <url> no repeat repeat-x repeat-y no-repeat průhledná URL obrázku ľádný opakování vąemi směry opakování ve směru x opakování ve směru y

2 Page 2 of 6 pozadí připevnění pozadí backgroundattachment backgroundposition umístění obrázku na pozadí background pozadí scroll fixed top center bottom center <background-color> <background-image> <background-repeat> <backgroundattachment> <backgroundposition> bez opakování roluje se je fixní nahoru vertikální střed dolů vlevo horizontální střed vpravo pozadí obrázek na pozadí opakovánípozadí připevnění pozadí umístění obrázku na pozadí nahrazované Vlastnosti word-spacing zvětąení mezislovní mezery letter-spacing zvětąení mezery mezi znaky (prostrkání) text-decoration ozdobení vertical-align vertikální zarovnávání text-transform transformace text-align zarovnávání text-indent odsazení 1. řádky odstavce no underli overli li-through blink baseli sub super top text-top middle bottom text-bottom capitalize uppercase lowercase no center justify bez zvětąení zvětąení o délku bez zvětąení zvětąení o délku ľádné podtrľení nadtrľení přeąkrtnutí blikání na řádek horní index dolní index k jvyąąímu elementu k vrąku rodičovského na střed rodičovského na spod rodičovského k jniľąímu elementu první písmena slov velká všetkýchna velká všetkýchna malá ľádná změna vlevo vpravo na střed do bloku inli blokové blokové

3 Page 3 of 6 li-height výąka řádky <number> Vlastnosti boxů margin-top 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 border-right-width ąířka pravého border-bottomwidth ąířka spodního border-left-width ąířka levého maticky maticky maticky maticky maticky

4 Page 4 of 6 border-width ąířka border-color farba border-style styl 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ů no dotted dashed solid double groove ridge inset outset <border-topwidth> <border-rightwidth> <border-bottomwidth> <border-leftwidth> <border-width> no no both ľádný tečkovaný čárkovaný jednoduchý dvojitý rýha hřbet vsazený vysazený ąířka horního ąířka pravého ąířka spodního ąířka levého ąířka maticky maticky vlevo vpravo ľádný efekt ľádné zleva zprava z obou stran nahrazované nahrazované Klasifikační vlastnosti display druh elementu block inli list-item no blokový inli poloľka seznamu zobrazuje se white-space

5 Page 5 of 6 mezery list-style-type typ odrážky seznamu list-style-image obrázek odrážky seznamu list-style-position umístění odrážky seznamu list-style odrážka seznamu pre nowrap disc circle square decimal decimal-leadingzero lower-roman upper-roman lower-greek lower-alpha upper-alpha armenian georgian no <url> no inside outside disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha no inside outside <url> předformátovaný text zalamuje mezery plné kolečko prázdné kolečko čtvereček 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 URL obrázku odrážky ľádný odrážka vsazená do odrážka předsazená plné kolečko prázdné kolečko čtvereček malé písmeno velké písmeno malé řecké písmeno velké řecké písmeno bez odrážky, bez obrázku odrážka vsazená do odrážka předsazená URL obrázku odrážky blokové Vlastnosti pozicování position* umístění elementu top* posun odshora o right* posun zprava o bottom* posun zespoda o static relative absolute fixed relativní absolutní fixní bez posunu bez posunu bez posunu left*

6 Page 6 of 6 posun zleva o bez posunu width* ąířka elementu height* výąka elementu overflow* způsob zobrazení elementů, ktoré sa vejdou do svých rozměrů clip* definice viditelné časti elementu visibility* viditelnost elementu z-index* umístění elementu na ose z visible hidden scroll <shape> visible hidden collapse <integer> matická matická 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 zadání vrcholů zobrazení viditelný skrytý nahrazované nahrazované nahrazované buňky inli bloky position:absolute