-moz-box-sizing

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.

-moz-box-sizing
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.

Podpora

Pouze Mozilla (vykreslovací jádro Gecko).

Podpora vlastnosti -moz-box-sizing
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).

Příklady

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.

Další příklady

Styly fungující pouze v Mozille, Vlastnost -moz-box-sizing

 

Reklama

www.webhosting-c4.cz, extra rychlý SSD webhosting s doménou v ceně
o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Přehled hodnot Vlastnosti CSS příklady

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.