Tato proprietální vlastnost je nahrazena v moderních prohlížečích vlastností Box-sizing. Starší text tu z nostalgie nechávám (2016).
CSS vlastnost -moz-box-sizing určuje způsob počítání rozměrů a simulaci quirk módu v Mozille.
hodnoty | význam |
---|---|
content-box | Mozilla používá standardní vykreslovací režim |
border-box | Mozilla na výpočet rozměrů používá quirk mode jako v Exploreru |
Vlastnost -moz-box-sizing se používá v nouzi, když mám design odladěný pro starší Explorer (v nestandardním quirk módu). Protože Mozilla všechno počítá podle standardního modelu, vypadá takový design rozpadle. Vlastnost -moz-box-sizing: border-box to částečně řeší tím, že přepne počítání rozměrů tak, jak to dělají starší Explorery nebo Explorer 6 bez standardního doctype.
Pro Operu a budoucí prohlížeče existuje standardní vlastnost box-sizing se stejnými hodnotami.
Pouze Mozilla (vykreslovací jádro Gecko).
Prohlížeč | Podpora ve verzích | Poznámka |
---|---|---|
Internet Explorer | ne | |
Mozilla (Firefox, Netscape 6+ atd.) | všechny verze | |
Opera | ne | podporuje standardní vlastnost box-sizing se stejnými hodnotami minimálně od verze 7.2 |
Chrome | ne |
Ale novější vlastnost box-sizing podporují v roce 2012 všechny hlavní prohlížeče (kromě odcházejících IE 7 a IE 8).
Pokud máte starý design odladěný v Internet Exploreru, ale v Mozille a v Opeře je to hrůza, někdy stačí přidat do sekce head tento zápis (i s tou hvězdičkou):
<style>
* {-moz-box-sizing: border-box; box-sizing: border-box;}
</style>
Dost často to pomůže od nejhorších stavů.
Pro jiné prohlížeče fungují podobné vlastnosti -webkit-box-sizing (hlavně pro Chrome) a -khtml-box-sizing. V Opeře nevím, jestli existuje o-box-sizing, nebo jestli funguje normálně box-sizing.
Styly fungující pouze v Mozille, Vlastnost -moz-box-sizing
Jak psát web píše Yuhů, Dušan Janovský. Kontakt.