Comparação de motores de navegador (suporte CSS) - Comparison of browser engines (CSS support)

Cascading Style Sheets
Folha de estilos CSS Zen Garden O Zen do Design CSS
Conceitos
modelo de caixa substituição de imagem flexbox rede
Filosofias
Tableless Responsivo "Cálice Sagrado"
Ferramentas
Sass Menos Stylus CSSTidy
Comparações
Suporte CSS Linguagens de folha de estilo
Cascading Style Sheets
v t e

Este artigo compara o suporte de Cascading Style Sheets (CSS) para vários mecanismos de navegador .

Explicação das tabelas

Motor	Status	Embarcado em
WebKit	Ativo	Navegador Safari , além de todos os navegadores hospedados na iOS App Store .
Piscar	Ativo	Google Chrome e outros navegadores baseados em Chromium , como Microsoft Edge , Opera e Brave .
EdgeHTML	Ativo	Aplicativos da plataforma universal do Windows ; anteriormente no navegador Edge.
Gecko	Ativo	Navegador Firefox e cliente de e- mail Thunderbird , além de garfos como SeaMonkey e Waterfox .
KHTML	Ativo	Navegador Konqueror
Presto	Interrompido	Anteriormente usado como mecanismo de navegador do Opera , antes da migração para o Chromium e o Blink.
Tridente	Interrompido	Internet Explorer e versões do Microsoft Outlook anteriores ao Outlook 2007.

Valores

Eles indicam o nível de suporte para o item fornecido em cada motor. Por padrão, a versão mais recente do mecanismo está implícita. No entanto, um número de versão específico pode ser listado; quando isso indica suporte total, é a versão inicial do mecanismo que oferece suporte total ao item.

lenda

Valor	Significado
sim	Totalmente suportado
Não	Nunca foi apoiado
Parcial	Apenas alguns valores são suportados
Incorreta	Não implementado corretamente em todos os casos
Experimental	Pode estar incompleto ou cheio de erros
Construção noturna	Atualmente em desenvolvimento; suporte total é esperado
Depende	Suportado apenas para as condições especificadas
Desistiu	Não mais suportado

Outras notas

Específico do fornecedor

As propriedades DOM correspondentes às propriedades CSS experimentais específicas do fornecedor são prefixadas com o prefixo do fornecedor, sem hifens e com as primeiras letras maiúsculas, por exemplo, element.style.MozBorderRadius correspondendo à -moz-border-radius propriedade ou element.style.OTransform correspondendo à -o-transform propriedade. A exceção é Trident, que usava um prefixo em minúsculas, por exemplo element.style.msTransform .

• Gecko: -moz- - Todos os seletores experimentais, propriedades e valores são prefixados com "-moz-", por exemplo, em ::-moz-selection vez de ::selection .
• Webkit: -webkit- - Todos os seletores experimentais, propriedades e valores são prefixados com "-webkit-", por exemplo, em -webkit-box-shadow vez de box-shadow .
• Tridente: -ms- - Todas as propriedades experimentais são prefixadas com "-ms-", por exemplo, em -ms-interpolation-mode vez de interpolation-mode .
• KHTML: -khtml- - Todos os seletores experimentais, propriedades e valores são prefixados com "-khtml-", por exemplo, em -khtml-opacity vez de opacity .
• Presto: -o- - Todas as propriedades experimentais são prefixadas com "-o-", por exemplo, em -o-transition-property vez de transition-property .

Abreviações

• CSS1  : Cascading Style Sheets (CSS1) Nível 1 Especificação
• CSS2  : Especificação das Folhas de Estilo em Cascata Nível 2 Revisão 1 (CSS 2.1)
• CSS3  : Módulo CSS de nível 3
• CSS4  : Módulo CSS de nível 4

Gramática e regras

			Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
CSS2	!important	Aumento de peso	7,0	12	1.0	85	sim	1.0
	/*Comment*/	Comentários	3,0	12	1.0	85	sim	1.0
	@import	Importar folha de estilo	8,0	12	1.0	sim	sim	1.0
	@charset	Conjunto de caracteres	5,5	12	1.0	sim	4.2.3	1.0
	@media	Regras específicas de mídia	5,5	12	1.0	sim	sim	1.0
css- namespace-3	@namespace	Declaração de namespace	9,0	12	1.0	sim	sim	1.0
rascunho anterior de css3- condicional	@document	Restrição por URLs	Não	Não	6,0	Não	Não	Não
css- animations-1	@keyframes	Chave de animação	10,0	12	16,0	Experimental	Não	2,12
css3- condicional	@supports	Regras Condicionais	Não	12	22,0	28,0	Não	2,12
css-counter- styles-3	@counter-style	Estilos de contador personalizados	Não	Não	33,0	Não	Não	Não
css-device- adapt-1	@viewport	Janela de visualização, adaptação de dispositivo	10,0	12,0	Não	Não	Não	2.7,62
filtro- efeitos-1	@filter	Filtro	Não	Não	35,0	Experimental	Não	Não
Página
CSS2	@page	Para mídia paginada	8,0	12	19,0	Construção noturna	Não	1.0
css-page-3	@top-left-corner	Caixas de margem	Não	Não	Não	Não	Não	Não
	@top-left
	@top-center
	@top-right
	@top-right-corner
	@bottom-left-corner
	@bottom-left
	@bottom-center
	@bottom-right
	@bottom-right-corner
	@left-top
	@left-middle
	@left-bottom
	@right-top
	@right-middle
	@right-bottom
Fonte
css-fonts-3	@font-face	Definir fonte	9,0	12	1.9.1	525	4,3	2,2
	@font-feature-values	Definir recursos de fonte	Não	Não	34,0	Não	Não	Não
	@annotation	Bloco de valor do recurso de fonte
	@styleset		Não	Não		Não	Não	Não
	@swash		Não	Não		Não	Não	Não
	@ornaments		Não	Não		Não	Não	Não
	@stylistic		Não	Não		Não	Não	Não
	@character-variant		Não	Não		Não	Não	Não
			Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto

Notas de tridente

1. !important - Antes de 7.0, !important não sobrescreve regras definidas posteriormente no mesmo bloco de declaração.
2. @import - Antes de 8.0, o suporte ao tipo de mídia estava quebrado. Para @import <URL> <MEDIA> , o IE solicita a URL " <URL> <MEDIA> " e incluirá o url() token e / ou aspas na URL também, se houver. Não é possível importar mais de 35 folhas de estilo.

Notas de presto

1. @import - Enquanto o Gecko, WebKit e iCab baixam todas as folhas de estilo de mídia imediatamente, o Opera só baixa mídia portátil, de impressão, de projeção e de tela, bem como fala, se o recurso de "voz" estiver habilitado e a TV em dispositivos de TV. O modo de emulação do navegador de texto é apenas uma folha de estilo do usuário, portanto, não muda para o tipo de mídia tty. Isso é consistente com navegadores de texto mais antigos, que não respeitam nenhum CSS.

Seletores

			Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
Seletores de elemento
CSS2	*	Universal	7,0	12	1.0	85	sim	1.0
	E	Elemento	4,0	12	1.0	85	sim
	E.class	Classe	7,0	12	1.0	85	sim
	E#id	EU IRIA	4,0	12	1.0	85	sim
seletores-3	ns|E	Namespaced	9,0	12	1.0	sim	sim
Seletores de relacionamento
CSS2	E F	Descendente	4,0	12	1.0	85	sim	1.0
	E > F	Criança	7,0	12	1.0	85	sim
	E + F	Adjacente direto	7,0	12	1.0	85	sim
seletores-3	E ~ F	Adjacente indireto	7,0	12	1,7	412	3.3.2	2.0
seletores-4	E /for/ F	Combinadores de referência	Não	Não	Não	Não	Não	Não
	E! > F	Sujeito	Não	Não	Não	Não	Não	Não
	F || E	Relação de coluna	Não	Não	Não	Não	Não	Não
Seletores de atributos
CSS2	E[attr]	Tem	7,0	12	1.0	85	sim	1.0
	E[attr="value"]	É igual a	7,0	12	1.0	sim	sim
	E[attr~="value"]	Contém (separado por espaço)	7,0	12	1.0	sim	sim
	E[attr|="value"]	Contém (separado por hífen)	7,0	12	1.0	sim	sim
seletores-3	E[attr^="value"]	Começa com	7,0	12	1.0	sim	3,4	1.0
	E[attr$="value"]	Termina com	7,0	12	1.0	sim	3,4	2.0
	E[attr*="value"]	Contém substring	7,0	12	1.0	sim	3,4
	E[ns|attr]	Namespaced	7,0	12	1.0	sim	3,4
seletores-4	E[foo="bar" i]	Sensibilidade a maiúsculas e minúsculas	Não	Não	Não	Não	Não	Não
Pseudo-classes
CSS2	E:link	Hiperlink não visitado	3,0	12	1.0	85	sim	1.0
	E:visited	Hiperlink visitado	3,0	12	1.0	85	sim
	E:active	Ativo	8,0	1.0	12	85	sim
	E:hover	Passe o rato por cima	7,0	12	1.0	419,3	sim
	E:focus	Focado	8,0	12	1.0	sim	sim
	E:first-child	Primeiro filho	7,0	12	1.0	85	sim
	E:lang()	Língua	8,0	12	1,2	525	3,4
	@page:first	Primeira página	8,0	12	Não	sim	Não
	@page:left	Página esquerda
	@page:right	Página direita
seletores-3	E:root	Raiz	9,0	12	1.0	85	3,4	2,1
	E:not()	Negação
	E:empty	Vazio			1.8	412
	E:first-of-type	Primeiro filho do tipo			1.9.1	525
	E:last-child	Último filho			1.0
	E:last-of-type	Último filho do tipo			1.9.1
	E:only-child	Filho único			1.8
	E:only-of-type	Filho único do tipo			1.9.1
	E:nth-child	N th criança			1.9.1
	E:nth-last-child	N º último filho			1.9.1
	E:nth-of-type	N th criança de tipo			1.9.1
	E:nth-last-of-type	N º último filho do tipo			1.9.1
	E:target	Alvo			1,3			2,5
	E:enabled	Estado habilitado			1.8			2.0
	E:disabled	Estado desativado			1.8
	E:checked	Estado verificado			1.0
seletores-4	E:indeterminate	Estado indeterminado			1.9.2	522	Não	Não
	E:default	Padrão	Não	Não	1,9	sim	4,3	2.0
	E:valid	Válido	10,0	12	1.8	sim	Não
	E:invalid	Inválido	10,0	12
	E:in-range	Dentro do alcance	Não	13		sim
	E:out-of-range	Fora de alcance	Não	13
	E:required	Requeridos	10,0	12	2.0	sim
	E:optional	Opcional	10,0	12
	E:read-only	Somente leitura	Não	13	Experimental	Não	Incorreta	Incorreta
	E:read-write	Leia e escreva	Não	13
	E:not(s1, s2)	Negações	Não	Não	Não	Não	Não	Não
	E:matches(s1, s2)	Combina qualquer			Não
	E:has(s1)	Pseudoclasse relacional			Não
	E:dir(ltr)	Direcionalidade			17
	E:lang(zh, *-hant)	línguas			Não
	E:any-link	Hiperlink			50,0
	E:local-link	Link local			Não
	E:local-link(0)	Link local
	E:scope	Referência contextual			20
	E:current	Dimensional do tempo: atual			Não
	E:current(s)	Dimensional do tempo: atual
	E:past	Dimensão temporal: passado
	E:future	Dimensão temporal: futuro
	E:nth-match(n of selector)	N º filho de
	E:nth-last-match(n of selector)	N º último filho de
	E:column(selector)	Coluna
	E:nth-column(n)	N th coluna
	E:nth-last-column(n)	N th última coluna
	E:placeholder-shown	texto de espaço reservado
	E:active-drop	receberá o item
	E:valid-drop	poderia receber o item
	E:invalid-drop	não pode receber o item
Pseudo-elementos
CSS2	E:first-letter	Primeira carta	9,0	12	1.0	85	sim	1.0
	E:first-line	Primeira linha				Parcial
	E:before	Antes	8,0		1.9.1	Parcial
	E:after	Depois de
seletores-3	E::before	Notação de dois pontos duplos	9,0	12	1.9.1	Parcial	3,4	1.0
	E::after	Notação de dois pontos duplos
	E::first-letter	Notação de dois pontos duplos			1,5	85
	E::first-line	Notação de dois pontos duplos				Parcial
css-pseudo-4	E::marker	marcador de lista	Não	Não	Não	Não	Não	Não
	E::selection	Seleção	9,0	12	Experimental	412	3,4	2,1
Pseudo elementos da IU CSS	E::value	fragmentos de elemento da interface do usuário	Não	Não	Não	Não	Não	Não
	E::choices
	E::repeat-item
	E::repeat-index
			Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto

Notas gerais

1. :read-only e :read-write - Tanto o Presto quanto o KHTML tratam a caixa do contenteditable atributo incorretamente.

Notas de tridente

1. :active - Antes de 8.0, :active só é compatível com elementos âncora.
2. :hover - Antes de 7.0, :hover só é compatível com elementos âncora.
3. .one.two - Antes de 7.0, apenas o .two seletor de classe era levado em consideração.
4. * - Antes de 7.0, isso era tratado como um único ou nenhum elemento.
5. [attr] - Corresponde a todos td e th em uma tabela quando o atributo é colspan (independentemente de algum ter realmente um colspan atributo). Isso pode não ser realmente um bug, pois existe ambigüidade na especificação.
6. :first-letter , :first-line - Antes do IE9 no 6.0, combinar :first-letter regras com outras pode ser problemático. No 8.0, as regras com !important são ignoradas nas declarações :first-line e :first-letter .

Gecko notes

1. (:):before, (:):after - Comportamento do CSS2.0: algumas propriedades não foram implementadas antes de 1.9.1.

Notas do WebKit

1. :lang() - Detectado apenas quando explicitamente presente no elemento sendo testado, atributo não herdado.
2. (:):first-line - text-transform não se aplica a este pseudo-elemento.
3. (:):before/after - alguns estilos não pode ser aplicada a :before e :after pseudo-elementos, como animações e transições.

Notas de presto

1. :target - Antes do 2.5, os estilos não eram aplicados ao navegar usando os botões voltar e avançar.

Propriedades

		Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
Cascata e Herança
css- cascade-3	all	Não	Não	27,0	Não	Não	Não
Exibição
CSS2	display	8,0	12	1,9	85	sim	1.0
Rascunho anterior de css- display-3	display-inside	Não	Não	Não	Não	Não	Não
	display-outside
	display-list
css- display-3	box-suppress
Box Model
CSS2	margin	9,0	12	1.0	85	sim	1.0
	padding	4,0		1.0	85	sim
	width	4,0		1.0	85	sim
	height	4,0		1.0	85	sim
	float	5.0		1.0	85	sim
	clear	5.0		1.0	85	sim
	min-width	7,0		1.0	Parcial	sim
	max-width	7,0		1.0	Parcial	sim
	min-height	7,0		1,7	Parcial	3.3.2
	max-height	7,0		1,7	Parcial	3.3.2
	visibility	9,0		1.8	Parcial	Parcial	2,5
Transbordar
CSS2	overflow	9,0	12	1.0	85	3,2	1.0
css- overflow- 3	overflow-x	9,0	12	1.8	525	3.5.6	2,1
	overflow-y
	max-lines	Não	Não	Não	Não	Não	Não
Fronteiras
CSS2	border	4,0	12	1.0	85	sim	1.0
	border-color	7,0
	border-style	8,0
	border-width	4,0
	border-top	5,5
	border-right
	border-bottom
	border-left
css- backgrounds-3	border-radius	9,0	12	2.0	533	Experimental	2,5
	border-image	11,0		15.0	Experimental	Não	2,5
	border-image-source			15.0	Não		Não
	border-image-slice
	border-image-width
	border-image-outset
	border-image-repeat
	box-shadow	9,0		2.0	sim	Não	2,5
	box-decoration-break	Não	Não	32,0	Não	Não	2,7
		Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
Layout de linha
CSS2	line-height	4,0	12	1.0	85	sim	1.0
	vertical-align	8,0		1.0	85	sim
Posicionamento
CSS2	position	7,0	12	1.0	85	sim	1.0
	top	8,0		1.0	85	sim
	right	8,0		1.0	85	sim
	bottom	8,0		1.0	85	sim
	left	8,0		1.0	85	sim
	z-index	8,0		1,9	85	sim
Módulo de alinhamento de caixa
css-align-3
	align-content	11,0	12	28,0	Experimental	Não	Não
	align-items			20,0
	align-self
	justify-content
	justify-items	Não		Não	Não
	justify-self
Conteúdo gerado e substituído
CSS2	quotes	8,0	12	sim	412	3,4	1.0
	content	9,0		1,9	Parcial	sim	2,7
	counter-increment	8,0		1.8	525	3,4	1.0
	counter-reset	8,0		1.8	525	3,4
Listas
CSS2	list-style	4,0	12	1.0	85	sim	1.0
	list-style-image	4,0		1.0	85	sim
	list-style-position	4,0		1.0	85	sim
	list-style-type	8,0		1.0	85	3,4
Cores
CSS2	color	3,0	12	1.0	85	sim	1.0
css-color-3	opacity	9,0	12	1,7	125	4,0	2.0
		Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
Fundos
CSS2	background	4,0	12	1.0	85	sim	1.0
	background-attachment	7,0
	background-color	4,0
	background-image	8,0
	background-position	8,0
	background-repeat	4,0
css- backgrounds-3	background (multiple)	9,0	12	1.9.2	312	3,5	2,5
	background-clip			2.0	sim	Experimental
	background-origin
	background-size				sim
Idéias iniciais para css- backgrounds-4	background-position-x	8,0	12	Não	Experimental	Não	Não
	background-position-y
Fontes
CSS2	font	4,0	12	1.0	85	sim	Incorreta
	font-family	4,0		1.0	85	sim	1.0
	font-size	3,0		1.0	85	sim
	font-style	4,0		1.0	85	sim
	font-variant	4,0		1.0	125	sim
	font-weight	8,0		Parcial	Parcial	sim	Incorreta
css-fonts-3	font-size-adjust	10,0	12	1,9	Não	Não	Não
	font-stretch	9,0		9,0	Não	Não	Não
	font-feature-settings	10,0		34,0	Não	Não	Não
	font-kerning	Não	Não		Não	Não	Não
	font-language-override	Não			Não	Não	Não
	font-synthesis	Não			Não	Não	Não
	font-variant-alternates	Não			Não	Não	Não
	font-variant-caps
	font-variant-east-asian
	font-variant-ligatures
	font-variant-numeric
	font-variant-position
	unicode-range	9,0	12	38,0	Não	Não	Não
Texto
CSS2	text-align	4,0	12	1.0	85	sim	1.0
	text-decoration	sim		1.0	85	sim
	text-indent	3,0		1.0	85	sim
	text-transform	4,0		1.0	85	sim
	letter-spacing	4,0		1.0	85	sim
	word-spacing	8,0		1.0	85	sim
	white-space	8,0		1.9.1	522	sim	2,1
css-text-3	word-break	Parcial	Parcial	15.0	Não	Não	Não
	line-break	11,0	12	Não	Não	Não	Não
	hyphens	10,0	12	6,0	Experimental	Não	Não
	word-wrap	5.0	12	1.9.1	85	4,3	2,5
	overflow-wrap	Não	Não	Não	Não	Não	Não
	text-align-last	Parcial	Parcial	12,0	Não	Não	Não
	text-justify	5,5	12	Não	Não	Não	Não
	text-emphasis	Não	Não	Não	Não	Não	Não
	hanging-punctuation	Não	Não	Não	Não	Não	Não
Idéias iniciais para css -text-4	hyphenate-character	Não	Não	Não	Não	Não	Não
	hyphenate-limit-zone	10,0	12
	hyphenate-limit-chars	10,0	12
	hyphenate-limit-lines	10,0	12
	hyphenate-limit-last	Não	Não
	text-space-collapse
	text-spacing
	text-wrap
Decoração de Texto
css-text- decor-3	text-shadow	10,0	12	1.9.1	sim	3,4	2,1
	text-decoration-style	Não	Não	36,0	Não	Não	Não
	text-decoration-color	Não	Não			Não	Não
	text-decoration-line	Não	Não			Não	Não
	text-decoration-skip	Não	Não	Não		Não	Não
	text-underline-position	11,0	12	Não	Não	Não	Não
	text-emphasis-style	Não	Não	Não	Não	Não	Não
	text-emphasis-color
	text-emphasis
	text-emphasis-position
		Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
Modos de Escrita
CSS2	direction	5.0	12	1.0	85	sim	1.0
	unicode-bidi	5.0		1.0	525	sim
css- writing- modes-3	writing-mode	7,0	12	Não	Construção noturna	Não	Não
	text-combine-horizontal	11,0	12,0	Não	Não	Não	Não
	text-orientation	Não	Não	Não	Não	Não	Não
Mesas
CSS2	border-collapse	8,0	12	1.0	125	sim	1.0
	border-spacing	8,0		1.0	125	sim
	caption-side	8,0		1,4	85	sim
	empty-cells	8,0		1.0	125	sim
	table-layout	5.0		1.0	85	sim
Interface de usuário
CSS2	cursor	5,5	12	1.8	125	sim	Parcial
	outline	8,0		1.8	125	sim	1.0
	outline-color	8,0		1.8	125	sim
	outline-style	8,0		1.8	125	sim
	outline-width	8,0		1.8	125	sim
css-ui-3	outline-offset	Não	Não	1.8	125	3,5	2,1
	box-sizing	8,0	12	29,0	sim	3.3.2	1.0
	resize	Não	Não	2.0	525	Não	Não
	appearance	Não	12	Experimental	Experimental	Não	Não
	icon	Não	Não	Não	Não	Não	Não
	nav-index	Não		Não	Não	Não	2,1
	nav-up	Não		Não	Não	Não
	nav-right	Não		Não	Não	Não
	nav-down	Não		Não	Não	Não
	nav-left	Não		Não	Não	Não
	text-overflow	Parcial	Parcial	7,0	Parcial	3.5.6	Experimental (noturno)
Mídia paginada
CSS2
	page-break-before	4,0	12	Parcial	Parcial	3,5	1.0
	page-break-after
	page-break-inside	8,0		19,0	312
	orphans			Não
widows
css-page-3	page	Não	Não	Não	Não	Não	Não
	size	Não		Não	Não	Não	1.0
	image-orientation	Não		26,0	Não	Não	Não
	object-fit	Não		36,0	Não	Não	2,7
	object-position	Não			Não	Não
Discurso
css-speech-1	cue	Não	Não	Não	Não	Não	1.0
	cue-after
	cue-before
	pause
	pause-after
	pause-before
	speak				Construção noturna
	voice-family				Não
	voice-balance						Experimental
	voice-duration
	voice-pitch
	voice-pitch-range
	voice-rate
	voice-stress
	voice-volume
	interpret-as
	phonemes
	rest						Não
	rest-after
	rest-before
	mark
	mark-after
	mark-before
		Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
Consultas de mídia
css3- mediaqueries	width	9,0	12	1.9.1	525	4,1	2.0
	height
	device-width
	device-height
	device-aspect-ratio
	color						2,5
	color-index
	monochrome
	resolution				Não
	orientation					4.2.1	Não
	aspect-ratio						2,1
	grid	11,0		sim		4,1	2,5
	scan
Personagens Ruby
css-ruby-1	ruby-position	Não	Não	38,0	Não	Não	Não
	ruby-align
	ruby-merge			Não
Layout de múltiplas colunas
css- multicol-1	column-count	10,0	12	Experimental	Experimental	Não	2,8
	column-width
	column-gap
	column-rule
	columns			9,0
	break-before			Não	Experimental
	break-after
	break-inside				Não
	column-fill			14,0	Não
	column-span			Não	Experimental
Layout de grade
css- grid-1	grid	Não	Não	Experimental	Experimental	Não	Não
	grid-template
	grid-template-columns
	grid-template-rows
	grid-template-areas
	grid-auto-columns
	grid-auto-rows
	grid-auto-flow
	grid-auto-position
	grid-columns	10,0	12
	grid-columns-start	Não	Não
	grid-columns-end
	grid-row	10,0	12
	grid-row-start	Não	Não
	grid-row-end
	grid-area
Animação
css- animations-1
	animation	10,0	12	16,0	Experimental	Não	2,12
	animation-delay
	animation-direction
	animation-duration
	animation-iteration-count
	animation-name
	animation-play-state
	animation-timing-function
	animation-fill-mode
Transforma
css- transforma- 1
	transform	10,0	12	16,0	Experimental	Não	2,12
	transform-origin
	transform-style						Não
	perspective
	perspective-origin
	backface-visibility
Transições
css- transitions-1
	transition-property	10,0	12	16,0	Experimental	Não	Experimental
	transition-duration
	transition-timing-function
	transition-delay
	transition
Layout de caixa flexível
css- flexbox-1
	flex	11,0	12	22,0	9,0	Não	2,12
	flex-basis						Não
	flex-direction						2,12
	flex-flow			28,0			Não
	flex-grow			22,0			2,12
	flex-shrink						Não
	flex-wrap			28,0			Não
	order			22,0			2,12
		Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
Regiões
css- region -1
	flow-into	10,0	12	Não	Construção noturna	Não	Não
	flow-from
	region-fragment	Não	Não
	break-before	Não	Não
	break-after
	break-inside
Exclusões
css3- exclusões
	wrap-flow	10,0	12	Não	Construção noturna	Não	Não
	wrap-through
Formas
css- shapes-1
	shape-margin	Não	Não	Não	Construção noturna	Não	Não
	shape-outside				Não
	shape-image-threshold
Mascaramento
CSS2	clip	8,0	12	1.0	85	sim	1.0
css- mascaramento-1
	clip-path	Não	Não	1.9.1	Não	Não	Não
	clip-rule			Não
	mask	Não	Não	Parcial	Parcial	Parcial	Parcial
	mask-box-image	Não	Não	Não	Experimental	Não	Não
	mask-box-image-outset				Não
	mask-box-image-repeat
	mask-box-image-slice
	mask-box-image-source
	mask-box-image-width
	mask-clip	Não	Não	Não	Experimental	Não	Não
	mask-image
	mask-origin
	mask-position
	mask-repeat
	mask-size
	mask-type			20,0	Não
Composição e Mistura
composição- 1
	mix-blend-mode	Não	Não	32,0	Não	Não	Não
	isolation			36,0
	background-blend-mode			30,0
Efeitos de filtro
filtro- efeitos-1
	filter	Não	13	35,0	18,0	Não	Não
	flood-color		Não	Não	Não
	flood-opacity
	color-interpolation-filters
	lighting-color
Eventos de ponteiro
SVG1.1 e rascunho anterior do css3-ui	pointer-events	11,0	12,0	1.9.2	530	Não	2.0
ponteiro- eventos	touch-action	11,0	12,0	29,0	Não	Não	Não
Grade de linha
css-line- grid-1
	box-snap	Não	Não	Não	Não	Não	Não
	line-grid
	line-slack
	line-snap
		Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
Propriedades Lógicas
Ideias iniciais para CSS -Logical-1
	block-size	Não	Não	41,0	Não	Não	Não
	inline-size
	min-block-size
	min-inline-size
	max-block-size
	max-inline-size
	margin-block-start
	margin-block-end
	margin-inline-start
	margin-inline-end
	offset-block-start
	offset-block-end
	offset-inline-start
	offset-inline-end
	padding-block-start
	padding-block-end
	padding-inline-start
	padding-inline-end
	border-block-start-width
	border-block-end-width
	border-inline-start-width
	border-inline-end-width
	border-block-start-style
	border-block-end-style
	border-inline-start-style
	border-inline-end-style
	border-block-start-color
	border-block-end-color
	border-inline-start-color
	border-inline-end-color
	border-block-start
	border-block-end
	border-inline-start
	border-inline-end
	background-image-transform			Não
	border-image-transform
Vai mudar
css-will- change-1	will-change	Não	Não	36,0	Não	Não	Não
Visualização CSSOM
cssom- view	scroll-behavior (opcional)	Não	Não	36,0	Não	Não	Não
Scroll Snap Points
Ideias iniciais para css-snappoints	scroll-snap-type	10,0	12	39,0	Não	Não	Não
	scroll-snap-points-x
	scroll-snap-points-y
	scroll-snap-destination
	scroll-snap-coordinate
		Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto

Notas de tridente

1. margin - inherit herda o cálculo e o recalcula em vez de herdar o valor calculado.
2. display - Antes de 7.0, única none , block , inline , table-header-group , e table-footer-group são totalmente suportados. Antes de 8.0, table não são suportados, enquanto inline-block são suportados apenas em elementos que são naturalmente embutidos.
3. overflow - Antes de 7.0, overflow: visible; é suportado incorretamente. No 8.0, scroll torna a altura do elemento igual a seu max-height mesmo se o conteúdo não for tão alto. Isso foi corrigido no IE9.
4. visibility - Antes de 8.0, visibility: collapse; não é compatível. No 8.0, os elementos embutidos com visibility: visible; elementos de bloco internos com visibility: hidden; não são visíveis.
5. content - No 8.0, os attr() valores calculados não são atualizados quando o atributo muda.
6. border-color - Antes de 7.0, transparent não é compatível.
7. border-style - Antes de 8.0, hidden não é compatível.
8. border-style - Antes de 7.0, dotted é processado como dashed .
9. box-shadow - O Trident 9.0 renderiza o valor de desfoque da sombra da caixa em cerca de metade do valor declarado. Antes do 9.0, o trident oferece suporte a uma funcionalidade semelhante desde o 5.5 usando os filtros proprietários Shadow e DropShadow.
10. position - Antes de 7.0, o posicionamento fixo não era compatível. 7.0 e posterior suportam somente no modo de conformidade com os padrões.
11. z-index - Antes de 8.0, z-index é apenas parcialmente compatível. No 8.0, os valores de ponto flutuante são aceitos além de inteiros.
12. list-style-type - Antes de 8,0, armenian , decimal-leading-zero , georgian , lower-greek , lower-latin , upper-latin não são suportados.
13. opacity - Antes do 9.0, o Trident oferecia suporte a uma alternativa proprietária.
14. background-image - Antes de 8.0, as imagens de fundo ficavam mal posicionadas em alguns casos.
15. background-attachment - Antes de 7.0, fixed era permitido apenas no body elemento.
16. background-position - Antes de 8.0, o posicionamento fixo não era compatível.
17. font-weight - Antes de 8.0, renderização incorreta quando o valor é 600.
18. text-align - No 8.0, text-align não é herdado por :before e :after pseudo-elementos.
19. white-space - Antes de 6.0, pre não é compatível. Antes de 8.0, white-space é apenas parcialmente suportado; pre-line e pre-wrap não são suportados.
20. cursor - Não falha em extensões de fornecedor não prefixadas.
21. flex - Experimental em 10.0
22. break-after; break-before; break-inside - Embora 10.0 ofereça suporte a break-after, break-before e break-inside para colunas, eles não parecem oferecer suporte às propriedades "region" e "Avoid-region".

Gecko notes

1. display - Valores exceto inline-block e inline-table suportados antes de 1.9.
2. z-index - Valores negativos são mal suportados antes de 1.9.
3. content - o none valor não é compatível antes de 1.9. Essa propriedade também falha em quaisquer elementos normais (não pseudo-), aos quais ela deve oferecer suporte de acordo com a especificação CSS3 "Módulo de conteúdo gerado e substituído".
4. background-position - As versões anteriores a 1.7 implementam a sintaxe CSS2, não a sintaxe expandida CSS2.1 proposta.
5. font-size-adjust - Antes de 1.9, compatível apenas com Windows.
6. font-weight - Apenas pesos Regular e Negrito são usados, mesmo se faces Leve ou Pesada / Preta estiverem instaladas, a menos que use DirectWrite no Gecko 2.0 no Windows 7 ou Windows Vista.
7. white-space - pre-line não é compatível antes de 1.9.1. Antes de 1.9, pre-wrap era suportado apenas experimentalmente como -moz-pre-wrap .
8. visibility - collapse não é compatível antes de 1.8.
9. border-radius - Antes de 1.9.1, as curvas das bordas eram circulares, não elípticas, conforme especificado pelo rascunho CSS3 atual. Definições de atalho para border-radius ler "tl tr br bl" em vez de "tr br bl tl" do W3C. Quando o estilo de borda é pontilhado ou tracejado, as curvas são renderizadas como sólidas.
10. page-break-before; page-break-after - Apenas os valores always e auto são suportados.

Notas do WebKit

1. max-width; max-height; min-width; min-height - Não são suportados em tabelas. (Conforme comentado em 2012-12-18, é corrigido)
2. font - As palavras-chave da fonte do sistema que permitem aos designers adaptar a apresentação ao ambiente do sistema operacional do usuário não são suportadas.
3. font-weight - Somente pesos Regular e Negrito são usados, mesmo se as faces Leve ou Pesada / Preta estiverem instaladas.
4. page-break-before; page-break-after - Apenas os valores always e auto são suportados.
5. white-space - Antes de 522 pre-line e pre-wrap não são compatíveis.
6. visibility - collapse não é compatível antes de 522. Sua implementação tem o mesmo efeito hidden e, portanto, não é compatível.
7. content - A none , open-quote , close-quote , no-open-quote , no-close-quote e normal valores não são suportados. Essa propriedade também falha em quaisquer elementos normais (não pseudo-), aos quais ela deve oferecer suporte de acordo com a especificação CSS3 "Módulo de conteúdo gerado e substituído".
8. font-size - A font-size propriedade nem sempre aceita o valor 0, em "font-size: 0px" o texto continua visível.

Notas KHTML

1. overflow - Valores scroll e auto não são suportados.
2. page-break-before; page-break-after - Antes de 3.5, apenas os valores always e auto eram suportados.
3. visibility - Todas as propriedades são suportadas, mas a implementação de collapse tem o mesmo efeito hidden e, portanto, não é compatível.

Notas de presto

1. counter-increment, counter-reset - Implementado o algoritmo em REC CSS2.
2. background-position - As versões do Presto anteriores ao Opera 8.0 implementam a sintaxe CSS2, não a sintaxe expandida CSS2.1 proposta.
3. font-weight - Renderização incorreta quando o valor é 600. Renderiza o texto em um modo de compatibilidade para sites feitos para Trident.
4. visibility - Antes de 2.5, o valor collapse não era compatível com as colunas da tabela. Em linhas, teve o mesmo efeito hidden e, portanto, não estava em conformidade.
5. cursor - cursor é ignorado com pseudo classes dinâmicas e cursores personalizados não são suportados.
6. content - Antes de 2.7, o none valor não era compatível.
7. font - inherit não deve ser permitido junto com um valor de tamanho da fonte. Isso não deve ser analisado, mas atualmente é feito no Opera.

Descritores

		Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
estilo @ counter
css- counter- styles- 3	additive-symbols	Não	Não	Não	Não	Não	Não
	fallback
	negative
	pad
	prefix
	range
	speak-as
	suffix
	symbols
	system
@Tipo de letra
css- fonts- 3	font-family	sim	12	sim	sim	sim	sim
	font-feature-settings
	font-stretch				Não	Não	Não
	font-style				sim	sim	sim
	font-variant
	font-weight			Parcial	Parcial		Incorreta
	src			sim	sim		sim
	unicode-range			36,0	Não	Não	Não
@janela de exibição
css- dispositivo- adapt-1	height	10,0	12	Não	Não	Não	2,7
	max-height	Não	Não				Não
	min-height
	width	10,0	12				2,7
	max-width	Não	Não				Não
	min-width
	zoom						2,7
	max-zoom
	min-zoom
	user-zoom
	orientation						Não

Valores e unidades

			Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto
Números
CSS2	<number>	Um número de ponto flutuante	3,0	12	1.0	85	sim	1.0
	<length>	<número> seguido por unidades
	<percentage>	<número> seguido por %
	<integer>	Um inteiro
valores css-3	<angle>	<número> unidade angular	9,0	12	sim	Parcial	Parcial	Parcial
	<time>	<número> unidade de tempo			2.0	sim	sim	2,5
	<frequency>	<número> unidade de frequência	Não	Não	Não			Não
	<fraction>	Espaço restante				Não	Não
Cordas
CSS2	<string>	Corda	3,0	12	1.0	85	sim	1.0
	\code	Escapes Unicode	6,0
Funções
CSS2	rect()	Um retângulo	8,0	12	1.0	85	sim	1.0
	url()	Identificador de Recurso Uniforme	3,0	12	1.0	85	sim	1.0
	counter()		8,0
	attr()	Identificador de atributo
valores css-3	calc()		9,0	12	16,0	sim	Não	Não
	toggle()	Alternando entre valores	Não	Não	Não	Não	Não	Não
css- grid-1  ?	repeat()	Repita n vezes	Não	Não	32,0	Não	Não	Não
Cores
CSS2	Palavras-chave de cores HTML4	16 cores da web predefinidas	3,0	12	1.0	85	sim	1.0
	#rrggbb or #rgb	Notação hexadecimal
	rgb(r, g, b)	Notação RGB	4,0
	system colors	28 cores predefinidas do sistema	3,0
css-color-3	Palavras-chave SVG coloridas		8,0	12	sim	sim	sim	sim
	currentColor	O valor da color propriedade.	9,0		1.8	528	sim	2,1
	rgba(r, g, b, a)	Notação RGBA			1,9	525	4,0	2,2
	hsl(h, s, l)	Notação HSL			1,5		3.5.5	2,1
	hsla(h, s, l, a)	Notação HSLA			1,9		3.5.5	2,2
	transparent	Transparência total	9,0		1,9		4,0	Parcial
Valores de imagem
CSS2	<url>	Tipos de imagem	3,0	12	1.0	85	sim	1.0
css- images-3	<sprite>		Não	Não	Não	Não	Não	Não
	<image-list>				Não	Não		Não
	<linear-gradient>		10,0	12	16,0	sim		Experimental
	<radial-gradient>
	linear-gradient()	Gradientes de cor
	radial-gradient()
	repeating-linear-gradient()
	repeating-radial-gradient()
css- images-4	conic-gradient()		Não	Não	Não	Não	Não	Não
	repeating-conic-gradient()
	element()	Reproduza o elemento	Não	Não	Experimental	Não	Não	Não
	cross-fade()	Fazendo a transição entre imagens	Não	Não	Não	Não	Não	Não
	image-set()	Negociação de resolução	Não	Não	Não	Não	Não	Não
Estilos de contador
css- counter- styles-3	symbols()	Estilos de contador anônimo	Não	Não	Não	Não	Não	Não
Palavras-chave
CSS2	auto	Calculado automaticamente	6,0	12	1.0	85	sim	1.0
	inherit	Herdado do pai	8,0
valores css-3	initial		Não	13	19,0	125	Não	Não
Unidades
CSS2	px	Pixel	3,0	12	1.0	85	sim	1.0
	pt	Ponto
	pc	Pica
	cm	Centímetro
	mm	Milímetro
	in	polegada
	em	em
	ex	ex
	%	Percentagem
valores css-3	deg	Grau	9,0	12	1.9.1	sim	sim	2,5
	grad	Graduado
	rad	Radiano
	turn	virar			13,0	Não	Não	Não
	ms	Milissegundo			2.0	sim	sim	2,5
	s	Segundo
	Hz	Hertz	Não	Não	Não			Não
	kHz	Kilohertz
	dpi	Pontos por polegada		12	1.9.1	Não	4,1	2,5
	dpcm	Pontos por centímetro
	dppx	Pontos por unidade de pixel			16,0	Não	?	Não
rascunho anterior de css-line- grid-1	gd	Células na grade de layout		Não	Não	Não	Não	Não
unidade sendo considerada para css- template- 3	fr	Espaço restante em uma série de valores de comprimento		12	Não	Não	Não	Não
valores css-3	rem	o tamanho da fonte do elemento raiz	9,0		1.9.2	sim	Não	2.10.229
	vw	a largura da janela de visualização			19,0	28,0	Não	Não
	vh	a altura da janela de visualização
	vmin	igual ao menor de 'vw' ou 'vh'.	Não
	vmax	igual ao maior de 'vw' ou 'vh'.
	ch	a largura do glifo "0" (ZERO, U + 0030) encontrado na fonte para o tamanho da fonte usado para renderizar.	Não		1.9.1	Não	Não	Não
Efeitos de filtro
efeitos de filtro
	grayscale()		Não	13	35,0	18,0	Não	Não
	sepia()
	saturate()
	hue-rotate()
	invert()
	opacity()
	brightness()
	contrast()
	blur()
	drop-shadow()
	Variáveis
css- variáveis- 1
	--*	definir variável	Não	Não	31,0	Experimental	Não	Não
	var(--*)	usar variável
			Tridente	EdgeHTML	Gecko	WebKit	KHTML	Presto

Notas gerais

1. transparent -

   CSS1 introduziu o valor 'transparente' para a propriedade background-color. CSS2 permitia que a cor da borda também aceitasse o valor 'transparente'. A Open eBook (tm) Publication Structure 1.0.1 [OEB101] estendeu a propriedade 'color' para aceitar também a palavra-chave 'transparent'. CSS3 estende o valor de cor para incluir a palavra-chave 'transparente' para permitir seu uso com todas as propriedades que aceitam um valor <color>. Isso simplifica a definição dessas propriedades no CSS3.

2. <angle> - A turn unidade não é compatível.

Notas de tridente

1. rect() - Antes de 8.0, rect() não era compatível com a sintaxe correta usando vírgulas.
2. auto - No modo quirks ( modo de emulação IE5), auto não funciona para margin s, exceto elementos de tabela.
3. transparent - No 7.0 e 8.0, usar transparent na color propriedade renderizará o texto em preto.
4. transparent - Antes de 7.0, transparent não era compatível com bordas (mostrado em preto sólido) e era ignorado em imagens PNG.

Gecko notes

1. <ch> - Antes da versão 1.9.1, usava a largura do glifo "M" em vez da largura do glifo "0".

Notas de presto

1. <number> - Antes de 2.1, existia um erro de quantização para valores maiores que 20,47 (não limitado a em , tente qualquer unidade não pixel).
2. transparent - A palavra-chave é ignorada quando usada com a outline-color propriedade. Antes da versão 2.2, ele também era ignorado quando usado com as propriedades color e text-shadow .

Veja também

• Comparação de motores de navegador

Referências

Especificações

Tridente

Gecko

Webkit

Presto