Czy mogę używać... - Informacje

Wstęp
HTML
CSS
JS
Ranking przeglądarek

Każdy webmaster na pewno niejednokrotnie zastanawiał się, czy może bezpiecznie używać wybranego elementu języka HTML/CSS bez obawy, że nie zostanie on niepoprawnie wyświetlony w jednej z popularnych przeglądarek. Teraz wszystko błyskawicznie można sprawdzić w jednym miejscu - zestawieniu poniżej.

Elementy języka, które są obsługiwane od dawna przez wszystkie popularne przeglądarki, nie zostały uwzględnione w poniższym zestawieniu.

Jeżeli jednak wybrany element został uwzględniony w zestawieniu i jednocześnie oznaczony jako obsługiwany we wszystkich przeglądarkach, oznacza to, że może być interpretowany z błędami albo jego obsługa została wprowadzona stosunkowo niedawno. Ze szczegółami można się zapoznać, przechodząc do odpowiedniego rozdziału, opisującego pełną interpretację w przeglądarkach.

HTML

	Internet Explorer	Firefox	Opera	Chrome
Nagłówek i treść
Ikona strony <link icon>	+	+	+	+
Nawigacja <link prev next help search>	-	-	+	-
Multimedia
Osadzenie pliku <embed>	+	+	+	+
XHTML
Typy MIME dokumentów XHTML	+	+	+	+
HTML5
Autouzupełnianie <datalist>	+	+	+	+
Pasek postępu <progress>	+	+	+	+
Pasek wyniku <meter>	-	+	+	+
Otwierany panel <details, summary>	-	+	+	+
Responsywny obrazek <picture, source>	-	+	+	+
Filmy i dźwięk <video, audio, source>	+	+	+	+
Napisy do filmów <track>	-	+	+	+

CSS

	Internet Explorer	Firefox	Opera	Chrome
Dziedziczenie stylów
Przywrócenie wartości domyślnej {...: initial}	-	+	+	+
Odwołanie wartości {...: unset}	-	+	+	+
Przywrócenie wartości pierwotnej {...: revert}	-	+	+	+
Resetowanie wszystkich wartości {all}	-	+	+	+
Selektory elementów
Selektor dziecka	+	+	+	+
Selektor braci	+	+	+	+
Ogólny selektor braci	+	+	+	+
Selektory atrybutów
Selektor atrybutu o określonej wartości	+	+	+	+
Selektor atrybutu zawierającego określony wyraz	+	+	+	+
Selektor atrybutu zawierającego łączniki	+	+	+	+
Selektor atrybutu o wartości rozpoczynającej się od...	+	+	+	+
Selektor atrybutu o wartości kończącej się na...	+	+	+	+
Selektor atrybutu zawierającego określony tekst	+	+	+	+
Selektory specjalne
Klasy selektorów <... class>	+	+	+	+
Selektory pseudoelementów
Pierwsza linia :first-line	+	+	+	+
Pierwsza litera :first-letter	+	+	+	+
Selektory pseudoklas
Aktywacja :active	+	+	+	+
Wskazanie myszką :hover	+	+	+	+
Zogniskowanie :focus	+	+	+	+
Atrybut języka :lang	+	+	+	+
Pierwsze dziecko :first-child	+	+	+	+
Ostatnie dziecko :last-child	+	+	+	+
Jedyne dziecko :only-child	+	+	+	+
Pseudoklasy typu :first-of-type :last-of-type :only-of-type	+	+	+	+
Etykieta :target	+	+	+	+
Blokada :disabled :enabled	+	+	+	+
Tylko do odczytu :read-only :read-write	-	-	+	+
Zaznaczenie :checked	+	+	+	+
Domyślne :default	-	+	+	+
Pusty element :empty	+	+	+	+
Korzeń :root	+	+	+	+
Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type	+	+	+	+
Negacja :not	+	+	+	+
Czcionki
Czcionki osadzone @font-face	+	+	+	+
Wariant wielkości liter czcionki {font-variant-caps}	-	+	+	+
Wariant połączenia znaków czcionki {font-variant-ligatures}	-	+	+	+
Wariant liczb czcionki {font-variant-numeric}	-	+	+	+
Wariant pozycji czcionki {font-variant-position}	-	+	-	-
Proporcje czcionki {font-size-adjust}	-	+	-	-
Odległość między znakami czcionki {font-kerning}	-	+	+	+
Tekst
Dekoracja tekstu {text-decoration}	+	+	+	+
Cień pod tekstem {text-shadow}	+	+	+	+
Odstęp między wyrazami tekstu {word-spacing}	+	+	+	+
Białe znaki w tekście {white-space}	+	+	+	+
Tryb pisania {writing-mode}	-	+	+	+
Orientacja tekstu {text-orientation}	-	+	+	+
Tło
Tło obrazkowe {background-image}	+	+	+	+
Powtarzanie tła obrazkowego {background-repeat}	+	+	+	+
Pozycja tła obrazkowego {background-position}	+	+	+	+
Zaczepienie tła obrazkowego {background-attachment}	+	+	+	+
Przycinanie tła {background-clip}	+	+	+	+
Pozycja początkowa tła obrazkowego {background-origin}	+	+	+	+
Rozmiary tła obrazkowego {background-size}	+	+	+	+
Atrybuty mieszane tła {background}	+	+	+	+
Gradient liniowy {background: linear-gradient repeating-linear-gradient}	+	+	+	+
Gradient promienisty {background: radial-gradient repeating-radial-gradient}	+	+	+	+
Marginesy
Wymiarowanie pudełka {box-sizing}	+	+	+	+
Obramowanie
Styl obramowania {border-...-style}	+	+	+	+
Styl obrysu {outline-style}	+	+	+	+
Szerokość obrysu {outline-width}	+	+	+	+
Atrybuty mieszane obrysu {outline}	+	+	+	+
Odstęp obrysu {outline-offset}	-	+	+	+
Zaokrąglenie obramowania {border-...-radius}	+	+	+	+
Atrybuty mieszane zaokrąglenia obramowania {border-radius}	+	+	+	+
Dekoracja przełamania obramowania {box-decoration-break}	-	+	+	-
Cień {box-shadow}	+	+	+	+
Obramowanie obrazkowe {border-image-source}	-	-	+	+
Obcięcie obramowania obrazkowego {border-image-slice}	-	-	+	+
Szerokość obramowania obrazkowego {border-image-width}	-	-	+	+
Nawis obramowania obrazkowego {border-image-outset}	-	-	+	+
Powtarzanie obramowania obrazkowego {border-image-repeat}	-	-	+	+
Atrybuty mieszane obramowania obrazkowego {border-image}	+	+	+	+
Wykazy
Typ stylu wykazu {list-style-type}	+	+	+	+
Niestandardowy typ stylu wykazu @counter-style	-	+	+	+
Automatyczna numeracja wykazu {counter-reset, counter-increment}	+	+	+	+
Rozmiary
Maksymalna szerokość {max-width}	+	+	+	+
Minimalna szerokość {min-width}	+	+	+	+
Maksymalna wysokość {max-height}	+	+	+	+
Minimalna wysokość {min-height}	+	+	+	+
Przepełnienie {overflow}	+	+	+	+
Przepełnienie tekstu {text-overflow}	+	+	+	+
Przeciąganie {resize}	-	+	+	+
Tabele
Podpis tabeli {caption-side}	+	+	+	+
Rozplanowanie tabeli {table-layout}	+	+	+	+
Obramowanie tabeli {border-collapse, border}	+	+	+	+
Odstępy między komórkami tabeli {border-spacing}	+	+	+	+
Puste komórki tabeli {empty-cells}	+	+	+	+
Pozycjonowanie
Pozycja ustalona {position: fixed}	+	+	+	+
Przezroczystość {opacity}	+	+	+	+
Nakładanie {z-index}	+	+	+	+
Wyświetlanie {display}	+	+	+	+
Widzialność {visibility}	+	+	+	+
Ustawienie {float, vertical-align}	+	+	+	+
Kursory
Kształt kursora {cursor}	+	+	+	+
Kursor obrazkowy {cursor: url}	+	+	+	+
Kolor karetki tekstowej {caret-color}	-	+	+	+
Drukowanie
Przełamanie strony {page-break-before, page-break-after}	+	+	+	+
Blokada przełamania strony {page-break-inside}	+	+	+	+
Linijki na stronie {widows, orphans}	+	-	+	+
Kontekst strony @page	+	+	+	+
Układ wielokolumnowy
Szerokość kolumny {column-width}	+	+	+	+
Liczba kolumn {column-count}	+	+	+	+
Atrybuty mieszane kolumn {columns}	+	+	+	+
Odstęp kolumn {column-gap}	+	+	+	+
Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}	+	+	+	+
Przełamanie kolumny {break-before, break-inside, break-after}	+	-	+	+
Łączenie kolumn {column-span}	+	-	+	+
Wypełnienie kolumn {column-fill}	+	+	+	+
Układ elastyczny
Kontener elastyczny {display: flex inline-flex}	+	+	+	+
Przepływ elastyczny {flex-direction, flex-wrap, flex-flow}	+	+	+	+
Kolejność {order}	+	+	+	+
Elastyczność {flex-grow, flex-shrink, flex-basis, flex}	+	+	+	+
Marginesy automatyczne	+	+	+	+
Justowanie zawartości {justify-content}	+	+	+	+
Wyrównanie wiersza {align-items, align-self}	+	+	+	+
Wyrównanie wierszy {align-content}	+	+	+	+
Media
Zapytania mediów	+	+	+	+
Reguły warunkowe
Zapytania właściwości @supports	-	+	+	+
Jednostki CSS
Długość	+	+	+	+
Wyrażenia matematyczne	+	+	+	+
Kolory CSS
Sposoby definiowania kolorów	+	+	+	+
Wykaz kolorów rozszerzonych	+	+	+	+

JS

	Internet Explorer	Firefox	Opera	Chrome
Object
getPrototypeOf	+	+	+	+
getOwnPropertyDescriptor	+	+	+	+
getOwnPropertyNames	+	+	+	+
create	+	+	+	+
defineProperty	+	+	+	+
defineProperties	+	+	+	+
seal	+	+	+	+
freeze	+	+	+	+
preventExtensions	+	+	+	+
isSealed	+	+	+	+
isFrozen	+	+	+	+
isExtensible	+	+	+	+
keys	+	+	+	+
Function.prototype
bind	+	+	+	+
Array
isArray	+	+	+	+
Array.prototype
indexOf	+	+	+	+
every	+	+	+	+
some	+	+	+	+
forEach	+	+	+	+
map	+	+	+	+
filter	+	+	+	+
reduce	+	+	+	+
reduceRight	+	+	+	+
String.prototype
trim	+	+	+	+
Date
UTC	+	+	+	+
Date.prototype
toISOString	+	+	+	+
JSON
parse	+	+	+	+
stringify	+	+	+	+

Ranking przeglądarek

Opera - 98.76% (159/161)
Chrome - 97.52% (157/161)
Firefox - 93.79% (151/161)
Internet Explorer - 81.37% (131/161)