Hledejte v chronologicky řazené databázi studijních materiálů (starší / novější příspěvky).

Pozicování

Pozicování
• pomocí pozicovacích vlastností můžeme přesně řídit umístění jednotlivých elementů na stránce
• toto umístění může být
– absolutní - pozice elementu se stanovuje od levého horního rohu dokumentu
– relativní - element se posune od své přirozené pozice
• typ určování pozice position se aplikuje na všechny elementy, dědí se a může být
– absolute
– relative
• umístění levého horního rohu elementu top a left se aplikuje na všechny elementy, nědědí se a je
– délka s jednotkou
– procento velikosti rodičovského elementu
• pozicované elementy se mohou i překrývat, o tom který bude viditelný rozhoduje vlastnost z-index (element s nejvyšší hodnotou bude viditelný), která je aplikována na pozicované elementy, nedědí se a je
– číslo bez jednotky
• definice obdélníkové části elementu, která bude viditelná clip je aplikována na pozicované elementy, nedědí se a je
– rect(left, top, right, bottom)
• levá a pravá hranice je specifikována v pixelech od levé hrany elementu, horní a dolní hranice jsou v pixelech dolů od horní hrany elementu (stačí i určit jen right a bottom, pak jsou left a top = 0)
• důležitá vlastnost je i viditelnost elementu visibility, její možné hodnoty se však v různých browserech liší

Specifikace CSS1
• tyto popsané vlastnosti by měly pracovat v IE 4.0, NN 4.0
• ve vyšších typech fungují i další vlastnosti (lépe je na tom IE), které lze nalézt ve specifikaci CSS1
http://www.w3.org/TR/REC-CSS1
• další specifikace CSS2 (a vývojová CSS3) nejsou plně podporovány, o browserech a jejich podpoře CSS více na http://www.w3.org

Žádné komentáře:

Okomentovat