Porovnání enginů prohlížeče (podpora CSS) - Comparison of browser engines (CSS support)

Tento článek musí být aktualizováno. Aktualizujte prosím tento článek, aby odrážel nedávné události nebo nově dostupné informace. (Dubna 2017)

Tento článek porovnává Kaskádové styly (CSS) podpora pro několik prohlížeče motory.

Vysvětlení tabulek

Hodnoty

Ty označují úroveň podpory dané položky v každém motoru. Ve výchozím nastavení je implicitní nejnovější verze motoru. Může však být uvedeno konkrétní číslo verze; když to naznačuje plnou podporu, je to původní verze motoru, která plně podporuje položku.

Další poznámky

Specifické pro dodavatele

Vlastnosti DOM odpovídající experimentálním vlastnostem CSS specifickým pro dodavatele jsou označeny prefixem dodavatele, bez jakýchkoli pomlček, a s prvními velkými písmeny, např. element.style.MozBorderRadius odpovídající -moz-border-radius majetek, nebo prvek. styl. transformace odpovídající -o-transformace vlastnictví. Výjimkou je Trident, který používal malou předponu, např. element.style.msTransformace.

• Gekon: -moz- - Všechny experimentální selektory, vlastnosti a hodnoty mají předponu „-moz-“, např. :: - moz-selection namísto ::výběr.
• Webkit: -webkit- - Všechny experimentální selektory, vlastnosti a hodnoty mají předponu „-webkit-“, např. -webkit-box-stín namísto stín stínu.
• Trojzubec: -slečna- - Všechny experimentální vlastnosti mají předponu „-ms-“, např. -ms-interpolační režim namísto interpolační režim.
• KHTML: -khtml- - Všechny experimentální selektory, vlastnosti a hodnoty mají předponu „-khtml-“, např. -khtml-neprůhlednost namísto neprůhlednost.
• Rychle: -Ó- - Všechny experimentální vlastnosti mají předponu „-o-“, např. -o-přechodová vlastnost namísto vlastnost přechodu.

Zkratky

• CSS1 : Specifikace kaskádových stylů (CSS1) úrovně 1^{[spec 1]}
• CSS2 : Specifikace kaskádových stylů, úroveň 2, revize 1 (CSS 2.1)^{[spec 2]}
• CSS3 : Modul CSS úrovně 3
• CSS4 : Modul CSS úrovně 4

Gramatika a pravidla

Poznámky trojzubce

1. !Důležité - Před 7,0, !Důležité nepřepíše pravidla definovaná později ve stejném bloku deklarace.
2. @import - Před verzí 8.0 je podpora typu média přerušena. Pro @import , Požadavky IE jako URL "<URL> <MEDIA>"a bude zahrnovat url () token a / nebo uvozovky v adrese URL, pokud jsou k dispozici. Nelze importovat více než 35 šablon stylů.

Poznámky Presto

1. @import - Zatímco Gecko, WebKit a iCab stahují všechny šablony stylů médií okamžitě, Opera stahuje pouze ruční, tisková, projekční a promítací média, stejně jako řeč, pokud je povolena funkce „hlas“ a TV, na televizních zařízeních. Režim emulace textového prohlížeče je pouze uživatelským stylem, takže se nepřepne na typ média tty. To je v souladu se staršími textovými prohlížeči, které nerespektují žádné CSS.

Selektory

Obecné poznámky

1. :pouze ke čtení a :číst psát - Jak Presto, tak KHTML se zabývají případem spokojený atribut nesprávně.

Poznámky trojzubce

1. :aktivní - Před 8,0, :aktivní je podporováno pouze na kotevních prvcích.
2. :vznášet se - Před 7,0, :vznášet se je podporováno pouze na kotevních prvcích.
3. .jedna, dvě - Pouze před 7,0 .dva byl vzat v úvahu selektor třídy.
4. * - Před verzí 7.0 to bylo považováno za jeden nebo žádný prvek.
5. [attr] - Odpovídá všem td a th v tabulce, pokud je atribut colspan (bez ohledu na to, zda někdo skutečně má colspan atribut).^{[t 9]} To nemusí být ve skutečnosti chyba, protože ve specifikaci existuje nejednoznačnost.^{[t 10]}
6. :první dopis, :první řada - Před IE9 v 6.0, kombinování :první dopis pravidla s ostatními mohou být problematická.^{[t 11]} V 8.0 vládne s !Důležité jsou uvnitř ignorovány :první řada a :první dopis prohlášení.^{[t 12]}

Gecko poznámky

1. (:): before, (:): after - Chování CSS2.0: některé vlastnosti nejsou před 1.9.1 implementovány.^{[g 13]}

Poznámky WebKit

1. : lang () - Zjištěno, pouze když je explicitně přítomno na testovaném prvku, atribut není zděděn.
2. (:):první řada — textová transformace neplatí pro tento pseudoelement.^{[w 10]}
3. (:): před / po - na některé styly nelze použít :před a :po pseudoprvky, jako jsou animace a přechody.^{[w 11]}

Poznámky Presto

1. :cílová - Před verzí 2.5 se styly nepoužívají při navigaci pomocí tlačítek zpět a vpřed.

Vlastnosti

Poznámky trojzubce

1. okraj — zdědit zdědí výpočet a přepočítá jej místo toho, aby zdědil vypočítanou hodnotu.^{[t 35]}
2. Zobrazit - Pouze před verzí 7.0 žádný, blok, v souladu, skupina záhlaví tabulky, a skupina zápatí stolu jsou plně podporovány. Před 8.0 stůl nejsou podporovány, zatímco vložený blok je podporováno pouze u prvků, které jsou přirozeně vložené.
3. přetékat - Před 7,0, přepad: viditelný; je nesprávně podporováno. V 8.0 svitek dělá výšku prvku rovnou jeho Maximální výška i když obsah není tak vysoký.^{[t 36]} To bylo opraveno v IE9.
4. viditelnost - Před 8,0, viditelnost: kolaps; není podporováno. V 8.0 vložené prvky s viditelnost: viditelná; prvky uvnitř bloku s viditelnost: skrytá; nejsou viditelné.^{[t 37]}
5. obsah - V 8.0, počítáno attr () hodnoty se neaktualizují při změně atributu.^{[t 38]}
6. barva okraje - Před 7,0, průhledný není podporováno.
7. hraniční styl - Před 8,0, skrytý není podporováno.
8. hraniční styl - Před 7,0, tečkovaný je vykreslen jako přerušovaný.
9. stín stínu - Trident 9.0 vykreslí hodnotu rozmazání stínu na přibližně polovinu deklarované hodnoty. Před verzí 9.0 podporuje trojzubec podobné funkce od verze 5.5 s využitím proprietárního Shadowu^{[t 39]} a DropShadow^{[t 40]} filtry.
10. pozice - Před verzí 7.0 nebylo pevné umístění podporováno. 7.0 a novější jej podporují pouze v režimu vyhovujícím standardům.
11. z-index - Před 8,0, z-index je podporována pouze částečně.^{[t 41]} V 8.0 jsou kromě celých čísel přijímány hodnoty s plovoucí desetinnou čárkou.^{[t 42]}
12. list-style-type - Před 8,0, arménský, desetinná úvodní nula, gruzínský, nižší řečtina, nižší latina, horní latina nejsou podporovány.
13. neprůhlednost - Před 9.0 podporoval Trident patentovanou alternativu.^{[t 43]}
14. obrázek na pozadí - Před verzí 8.0 jsou obrázky na pozadí v některých případech špatně umístěny.^{[t 44][t 45]}
15. příloha na pozadí - Před 7,0, pevný bylo povoleno na tělo pouze prvek.
16. pozice na pozadí - Před verzí 8.0 není pevné umístění podporováno.
17. váha písma - Před 8.0, nesprávné vykreslení, když je hodnota 600.^{[t 46]}
18. zarovnání textu - V 8.0, zarovnání textu není zděděno :před a :po pseudoprvky.^{[t 47]}
19. prázdné znaky - Před 6,0, před není podporováno. Před 8.0 prázdné znaky je podporován pouze částečně; pre-line a předbalit nejsou podporovány.^{[t 48]}
20. kurzor - Neselhává na nepředponovaných rozšířeních dodavatelů.
21. flex - Experimentální v 10.0^{[t 49]}
22. přestávka po; break-before; vloupání - Ačkoli 10.0 podporuje přerušení, přerušení před a vnitřní přerušení pro sloupce, nezdá se, že podporují vlastnosti „region“ a „vyhnout se oblasti“.

Gecko poznámky

1. Zobrazit - Hodnoty kromě inline-block a inline-table podporované před 1.9.
2. z-index - Negativní hodnoty jsou špatně podporovány před 1.9.
3. obsah — žádný hodnota není podporována před 1.9. Tato vlastnost také selže u jakýchkoli normálních (ne-pseudo) prvků, které musí podporovat podle specifikace CSS3 „Generovaný a nahrazený obsah modulu“.
4. pozice na pozadí - Verze před 1.7 implementují syntaxi CSS2, nikoli navrhovanou rozšířenou syntaxi CSS2.1.
5. upravit velikost písma - Před verzí 1.9, podporováno pouze v systému Windows.
6. váha písma - Používají se pouze normální a tučné závaží, i když jsou nainstalovány světlé nebo těžké / černé tváře, pokud nepoužíváte DirectWrite v Gecko 2.0 ve Windows 7 nebo Windows Vista.
7. prázdné znaky — pre-line není podporováno před 1.9.1. Před 1.9, předbalit byl podporován pouze experimentálně jako -moz-pre-wrap.
8. viditelnost — kolaps není podporován před 1.8.
9. poloměr ohraničení - Před 1.9.1 jsou hraniční křivky kruhové, ne eliptické, jak je specifikováno v aktuálním konceptu CSS3. Zkrácené definice pro poloměr ohraničení přečíst „tl tr br bl“ namísto „tr br bl tl“ W3C. Když je styl ohraničení tečkovaný nebo přerušovaný, křivky se místo toho vykreslí jako plné.^{[g 58]}
10. konec stránky před; konec stránky - Pouze vždy a auto hodnoty jsou podporovány.

Poznámky WebKit

1. maximální šířka; Maximální výška; min. šířka; minimální výška - Nejsou podporovány v tabulkách. (Jak bylo komentováno 18. 12. 2012, je to opraveno)^{[w 34]}
2. písmo - Klíčová slova systémového písma, která návrhářům umožňují přizpůsobit prezentaci prostředí operačního systému uživatele, nejsou podporována.
3. váha písma - Používají se pouze normální a tučné závaží, i když jsou nainstalovány světlé nebo těžké / černé tváře.
4. konec stránky před; konec stránky - Pouze vždy a auto hodnoty jsou podporovány.
5. prázdné znaky - Před 522, pre-line a předbalit nejsou podporovány.
6. viditelnost — kolaps není podporován před 522. Jeho implementace má stejný účinek jako skrytý a proto není v souladu.^{[w 35]}
7. obsah - The žádný, otevřená nabídka, detailní nabídka, neotevřená nabídka, ne-zavřít nabídku a normální hodnoty nejsou podporovány. Tato vlastnost také selže u jakýchkoli normálních (ne-pseudo) prvků, které musí podporovat podle specifikace CSS3 „Generovaný a nahrazený obsah modulu“.
8. velikost písma - The velikost písma vlastnost ne vždy přijímá hodnotu 0, v "font-size: 0px" je text stále viditelný.

Poznámky KHTML

1. přetékat - Hodnoty svitek a auto nejsou podporovány.
2. konec stránky před; konec stránky - Před 3,5 pouze vždy a auto hodnoty byly podporovány.
3. viditelnost - Všechny vlastnosti jsou podporovány, ale implementace kolaps má stejný účinek jako skrytý a proto není v souladu.

Poznámky Presto

1. přírůstek čítače, reset čítače - Implementován algoritmus v REC CSS2.
2. pozice na pozadí - Verze Presto starší než Opera 8.0 implementují syntaxi CSS2, nikoli navrhovanou rozšířenou syntaxi CSS2.1.
3. váha písma - Nesprávné vykreslení, když je hodnota 600. Vykreslí text v režimu kompatibility pro weby vytvořené pro Trident.
4. viditelnost - Před 2,5 hodnota kolaps nebyl ve sloupcích tabulky podporován. Na řádcích to mělo stejný účinek jako skrytý a proto nebyl v souladu.
5. kurzor — kurzor je ignorován dynamickými pseudotřídami a vlastní kurzory nejsou podporovány.
6. obsah - Před 2.7 žádný hodnota nebyla podporována.^{[str. 6]}
7. písmo — zdědit by nemělo být povoleno společně s hodnotou velikosti písma. To by nemělo být analyzováno, ale aktuálně se to děje v Opera.

Deskriptory

Hodnoty a jednotky

Obecné poznámky

1. průhledný —

   CSS1 zavedl „průhlednou“ hodnotu vlastnosti barva pozadí. CSS2 povolil, aby barva okraje akceptovala také „průhlednou“ hodnotu. Struktura publikace Open eBook (tm) 1.0.1 [OEB101] rozšířila vlastnost „color“ také na klíčové slovo „transparent“. CSS3 rozšiřuje hodnotu barvy tak, aby zahrnovala klíčové slovo „transparentní“, aby umožnila jeho použití se všemi vlastnostmi, které přijímají hodnotu . To zjednodušuje definici těchto vlastností v CSS3.

2. <angle> - The otáčet se jednotka není podporována.

Poznámky trojzubce

1. rect () - Před 8,0, rect () nebyl podporován správnou syntaxí pomocí čárek.
2. auto - V vtipný režim (Režim emulace IE5), auto nefunguje pro okrajs, s výjimkou prvků tabulky.
3. průhledný - V 7.0 a 8.0, pomocí průhledný v barva vlastnost vykreslí text jako černý.
4. průhledný - Před 7,0, průhledný není podporován na okrajích (zobrazuje se černě) a je na obrázcích PNG ignorován.

Gecko poznámky

1. <ch> - Před verzí 1.9.1 byla použita šířka glyfů „M“ místo šířky „0“ glyfů.^{[g 69]}

Poznámky Presto

1. <number> - Před 2.1 existovala a kvantování chyba pro hodnoty větší než 20,47 (není omezeno na em, zkuste jiné než pixelové jednotky).^{[str. 8]}
2. průhledný - Klíčové slovo je při použití s obrysová barva vlastnictví. Před verzí 2.2 byl také ignorován při použití s barva a textový stín vlastnosti.

Viz také

• Porovnání motorů prohlížeče

Reference

Specifikace

Trojzubec

Gekon

Webkit

rychle