-moz-box-sizing
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.
Hodnota content-box je výchozí. Velikost paddingu a rámečku (border) se do rozměrů (width a height) nepočítá (to je standardní počítání podle specifikace).
Hodnota border-box znamená, že se jako šířka a výška chápou rozměry prvku včetně border a padding.
Pro Operu a budoucí prohlížeče existuje standardní vlastnost box-sizing se stejnými hodnotami.
Podpora
Pouze Mozilla (vykreslovací jádro Gecko).
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| 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 |
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
