Příklady stylů fungujících v Mozille
V Internet Exploreru se nic zvláštního nezobrazí, ale zkuste si prohlížet Mozillou (totéž, co Netscape 6 nebo
7).
Kulatý rámeček
elementu se dají zakulatit okraje pomocí vlastnosti -moz-border-radius, např. -moz-border-radius: 8px
Kulaté jenom některé rohy
-moz-border-radius-bottomright, -topleft, -topright a -bottomright kontrolují zakulacení jednotlivých rohů. Aby
se projevily větší zakulacení, musí mít element větší rozměry. Např. když jsem nechal výšku řádku 1,
tak se neprojevilo 30px zakulacení, ale asi jenom 6px.
Barvy rámečku
Nevim, co to dělá, protože mám moc starou Mozillu, podpora je až od verze 0.9.7. Vlastnost se zapisuje -moz-border-strana-colors:
seznam barev možná oddělený čárkami
Průhlednost
Průhlednost se v Mozille nastavuje vlastností -moz-opacity v procentech nebo od 0 do 1, např. -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%).
Outline
Styl -moz-outline je hodně podobný stylu border, ale rámeček se vykresluje v prostoru obsahu a
paddingu. Zápis: -moz-outline: red solid 10px
Pro srovnání tytéž hodnoty (kromě barvy) u vlastnosti border: blue solid 10px
A další...
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é.