13. Príloha: Vlastnosti kaskádových štýloch (CSS3)

Vlastnosti CSS3Atribút Parameter Význam atribútuFont (písmo)font-family Zoznam písma Druh písma

font-stylenormal normálneitalic kurzívaoblique sklonené

font-variant normal normálnesmall-caps kapitálky

font-size

x-small mrňavésmall maličkémedium malélarge strednéx-large veľkéxx-large obrievýška(12px)

font-weight

normal normálnebold tučnébolder tučnejšielighter svetlejšie

font-stretch

normal normálnewider širšienorrower zúženéultra-condensed extrémne extra-condensed prídavné condensed zhustenésemi-condensed polovičné semi-expanded pol. roztiahnutéextra-expanded prídavné ultra-expanded extrémneinherid dedičné

1

Text / odstavec

text-decoration

none bez dekorácieunderline podtrženieoverline nadtrženieline-through preškrtnutieblink blikánie

text-transform

none bez zmenycapitalize začiatky slov velkéuppercase velké písmenalowercase malé písmena

word-spacing normal mezislovná mezeradĺžka zväčšenie o dlžku

letter-spacing normal prostrkánie znakovdélka zvätčšené o dlžku

line-height

normal výška rádkuvýška absolutná výškanásobok násobokpercenta zväčšenie

text-align

left zarovnánie vľavoright vpravocenter nastredjustify do bloku

vertical-align

baseline na riadoksub dolný indexsuper horný indextop nejvyšietext-top k vrchumiddle nastredbottom najnížšietext-bottom spodok ku spodkuprocenta percento výšky

display

block blokový elementinline riádkový elementlist-item zoznamnone nezobrazí sa

white-spacenormal normální textpre predformátovanýnowrap nezalamovať

2

text-outlinenone žiadny obryscolor farba obrysulenght veľkosť obrysu

text-shadownone tieňovanie žiadnecolor farba tieňovanialenght veľkosť tienovania

text-wrap normal normálna obálkaunrestricted neobmedzený

word-wrap normal normálnebreak-word rozpojené

word-breaknormal normálnekeep-all rozpojiť všet. slováloose voľné rozpojené

Farba a pozadiecolor barva farva písmabackground-color barva farva pozadia

background-image none obrázok na pozadieurl(cesta)

background-repeat

repeat pozadie se opakujeno-repeat neopakujerepeat-x opakuje v ose xrepeat-y opakuje v ose y

background-attachment scroll pozadie sa posúvafixed pozadie je fixované

background-position

left

poloha obrázku na pozadie

centerrighttopbottomdlžka, procenta

background-originborder-box ohraničený priestorpadding-box vnútorný priestorcontent-box obsahový priestor

background-clip lenght dĺžka

background-breakbounding-box ohraničený priestoreach-box každý priestorlength dĺžka

3

background-position

top left hore, naľavotop center hore nastredtop right hore napravocenter left stred naľavocenter center stred nastredcenter right stred napravobottom left spodok naľavobottom center spodok nastredbottom right spodok napravo

background-size

lenght dĺžka% percentoauto automatické

Veľkosť a obtekanie

widthauto automatická šírkahodnota nastavená šířkapercento percento

heightauto automatická výškahodnota nastavená výškapercento percento *

min-width hodnota minimální šířkapercento

max-width hodnota maximální šířkapercento

min-height hodnota minimální výškapercento

max-heighthodnota maximální výškapercento

floatleft umiestnenie

plavajúceho objektu

rightnone

clear

left čakánie na skončenieplavajúcich objektu

rightbothnone

4

Okraje

margindĺžka šírka vonkajšieho

okrajapercento percento *auto automatický okraj

margin-top jako u margin hornýmargin-left dĺžka ľavýmargin-bottom dĺžka spodnýmargin-right dĺžka pravý

padding dĺžka šířka vnútorného okraja

percento percento *

padding-top ako u padding horné vnútorný okraj

padding-left dĺžka ľavýpadding- bottom dĺžka spodnýpadding- right dĺžka pravýmarquee-loop infinite nekonečný

marquee-speedslow pomalánormal normálnafast rýchla

overflow-x, overflow-y

visible viditelné preplnenéhidden skrytéscroll špiralovitéauto automatickéno-display nezobrazené

rotation angle uhol otáčania

visibilityvisible viditelnáhidden skrytácollapse stiahnutá

5

Rámovanie

border-width

thin šírka rámu slabá,medium strednýthick tučnádĺžka nastavená

border-top-width ako u border-width horná šírka rámu

border- left -width - ľaváborder- bottom -width - spodnáborder- right -width - praváborder-color barva farba rámu

border-style

none žiádnýdotted tečkovanýdashed čárkovanýsolid plnýdouble dvojitýgroove žľabridge valinset dolnejšieoutset návršie

border -topfarba, hrubkaa štýl

celkové vlastnostistrany rámu

border -leftborder -bottomborder -right

border-collapse collapse stiahnuté ohraničenie

separate oddelené border-image image obrázkovéborder-top-right-radius dĺžka -border-bottom-right-radius dĺžka -border-bottom-right-radius dĺžka -border-top-left-radius dĺžka -

box-shadowdĺžka -farba -none -

6

Zoznam

list-style-type

disc puntíkcircle kolečkosquare štvorecdecimal číslovanielower-roman rímské číslicelower-alpha nízky abecednýupper-alpha vysoký abecednýnone bez odrážok

list-style-image none žiadnyURL(cesta) obrážková odrážka

list-style-position inside odrážky v úrovni textuoutside odrážka mimo text

Pozicovanie

positionabsolute absolutné umiestenierelative relatívne umiesteniestatic normálne umiestenieFarba

color farba opacity hodnota

7

2D/3D transformácia

transform

none žiadnamatrix maticovámatrix3d 3d maticovátranslate3d 3d preloženátranslateX os X preloženátranslateY os Y preloženátranslateZ os Z preloženáscale3d 3d zmenšenáscaleX os X zmenšenáscaleY os Y zmenšenáscaleZ os Z zmenšenáskewX os X šikmýskewY os Y šikmýskewZ os Z šikmýrotate3d 3d otáčanierotateX os X otáčanierotateY os Y otáčanierotateZ os Z otáčanieperspective perspektíva

backface-visibility hidden skrytávisible viditelná

perspective none žiadnanumber čiselná

8