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.
| 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 | + | + | + | + |