V Internet Exploreru se nic zvláštního nezobrazí, ale zkuste si prohlížet prohlížečem Mozilla (totéž, co Netscape 6 nebo 7).
-moz-border-radius: 8px
Internet Explorer chybně počítá rámečky do šířky a výšky objektů, objekty
jsou potom menší. Stejně chybného vyhodnocování se dá dosáhnout v Mozille
zápisem -moz-box-sizing : border-box; (správně a defaultně je -moz-content-box).
To se může hodit zejména v situacích, kdy je design odladěný pro Explorer a
je třeba dosáhnout v Mozille podobného vzhledu.
Příklad vlastnosti -moz-box-sizing.
-moz-opacity: 50% nebo -moz-opacity: 0.5
je ekvivalentní. 100% (nebo 1) je neprůhlednost, 0 je neviditelnost. V
Internet Exploreru se průhlednost dělá pomocí filter,
např. filter: alpha(opacity=50%).
-moz-outline:
red solid 10px
border: blue
solid 10px
Funguje v Mozille u tabulek.
M Mozille stále přibývají další podporované -moz-* styly. Většina je jich z
návrhu CSS3, některé mi přijdou zbytečné nebo špatně použitelné. Mozilla
kromě nových vlastností přidává i nové hodnoty starým vlastnostem, např.
text-align: -moz-center (těžko říct, co to má dělat).
http://www.xulplanet.com/references/elemref/ref_StyleProperties.html - aktuální přehled css stylů pro Mozillu.
Všechny nestandardní css vlasntosti začínající znakem - je nutno ukončit středníkem. Např: -moz-box-sizing: border-box;. Pokud se středníkem neukončí, prohlížeč Safari (a možná i jiné) ignorují následují css deklarace. Více informací u Pixiho.