O melhor tutorial Suporte do navegador CSS em 2024. Neste tutorial você pode aprender Suporte do navegador CSS3,ícone Descrição,
O browser suporta referência CSS3 tutorial regularmente com todos os principais navegadores para teste.
Para CSS3 não é um padrão W3C, mas todos os principais navegadores já suportam muitos recursos novos. O seguinte é sobre todas as novas propriedades CSS3 e sua referência suporte ao navegador:
propriedade | IE | Firefox | cromo | safári | ópera |
---|---|---|---|---|---|
Alinhamento de ajuste | |||||
-alinhamento da linha de base | |||||
@keyframes | 10 | 16 | 12.1 | ||
animação | 10 | 16 | 12.1 | ||
animation-name | 10 | 16 | 12.1 | ||
animação duração | 10 | 16 | 12.1 | ||
animation-timing-function | 10 | 16 | 12.1 | ||
animação em atraso | 10 | 16 | 12.1 | ||
animação iteração contagem | 10 | 16 | 12.1 | ||
animação direção | 10 | 16 | 12.1 | ||
animation-play-state | 10 | 16 | 12.1 | ||
aparência | 3 | ||||
backface visibilidade | 10 | ||||
background-clipe | 9 | 4 | 4 | 5 | 10.5 |
background-origem | 9 | 4 | 4 | 5 | 10.5 |
background-size | 9 | 4 | 4 | 5 | 10.5 |
baseline-shift | |||||
marcador de rótulo | |||||
indicador de nível | |||||
marcador-alvo | |||||
border-bottom-left-radius | 9 | 4 | 5 | 5 | 10.5 |
border-bottom-right-raio | 9 | 4 | 5 | 5 | 10.5 |
border-image | 15 | 16 | 6 | 11 | |
border-image-início | |||||
border-image-repeat | |||||
border-image-slice | |||||
border-image-source | |||||
border-image-largura | |||||
border-radius | 9 | 4 | 5 | 5 | 10.5 |
border-top-left-radius | 9 | 4 | 5 | 5 | 10.5 |
border-top-right-raio | 9 | 4 | 5 | 5 | 10.5 |
box-decoration-break | |||||
box-align | |||||
caixa de direção | |||||
box-flex | 12.1 | ||||
box-flex-grupo | |||||
box-linhas | |||||
box-ordinal-group | |||||
box-orient | |||||
box-pack | |||||
box-shadow | 9 | 4 | 10 | 5.1 | 10.5 |
box-sizing | 8 | 10 | 5.1 | 9.5 | |
cor-profile | |||||
coluna de enchimento | |||||
column-gap | 10 | 11.1 | |||
coluna da regra | 10 | 11.1 | |||
coluna da regra-color | 10 | 11.1 | |||
coluna da regra de estilo | 10 | 11.1 | |||
coluna da regra de largura | 10 | 11.1 | |||
coluna-span | 10 | 11.1 | |||
coluna de largura | 10 | 11.1 | |||
colunas | 10 | 11.1 | |||
coluna de contagem | 10 | 11.1 | |||
colheita | |||||
dominante-baseline | |||||
drop-initial-after-ajuste | |||||
drop-initial-após-align | |||||
drop-initial-antes-ajuste | |||||
drop-initial-antes-align | |||||
drop-inicial-size | |||||
drop-inicial de valor | |||||
caber | |||||
ajuste da posição | |||||
flutuar-offset | |||||
@ Font-face | 9 | 3.6 | 4 | 3 | 10 |
font-size-adjust | 2 | ||||
font-stretch | |||||
grade-colunas | |||||
grade-fileiras | |||||
pendurando-punctuation | |||||
hyphenate-after | |||||
hyphenate-before | |||||
hifenize-caracteres | |||||
hifenize-linhas | |||||
hyphenate de recursos | |||||
hífens | |||||
ícone | |||||
image-orientação | |||||
image-resolução | |||||
inline-box-align | |||||
line-empilhamento | |||||
line-empilhamento-ruby | |||||
line-empilhamento-shift | |||||
-Estratégia de empilhamento linha | |||||
marca | |||||
mark-depois | |||||
mark-antes | |||||
marcas | |||||
marquise direção | |||||
marquise-play-count | |||||
marquise velocidades | |||||
-Estilo do famoso | |||||
move-to | |||||
nav-down | 11,5 | ||||
nav-index | 11,5 | ||||
nav-esquerda | 11,5 | ||||
nav-direita | 11,5 | ||||
nav-up | 11,5 | ||||
opacidade | 9 | 2 | 4 | 3.1 | 9 |
delinear-offset | 11 | ||||
estouro de estilo | |||||
overflow-x | 9 | 2 | |||
overflow-y | 9 | 2 | |||
página | |||||
page-política | |||||
perspectiva | 5 | ||||
perspectiva de origem | |||||
pontuação-trim | |||||
renderização de intenção | |||||
redimensionar | 5 | 4 | 4 | ||
descanso | |||||
rest-depois | |||||
rest-antes | |||||
rotação | |||||
rotação de ponto | |||||
ruby-align | |||||
ruby-overhang | |||||
ruby-position | |||||
ruby-span | |||||
tamanho | |||||
corda-set | |||||
alvo | |||||
meta-name | |||||
target-novo | |||||
-alvo posição- | |||||
text-align-last | |||||
text-ênfase | |||||
text-altura | |||||
text-justificar | 5 | ||||
text-esboço | |||||
text-estouro | 6 | 7 | 4 | 3.1 | 11 |
text-shadow | 10 | 3,5 | 4 | 4 | 9.5 |
text-wrap | |||||
transformar | 10 | 16 | 12.1 | ||
transform-origin | 10 | 16 | 12.1 | ||
transformar-style | 5 | ||||
transição | 10 | 16 | 26 | 12.1 | |
de transição de propriedade | 10 | 16 | 26 | 12.1 | |
de transição de duração | 10 | 16 | 26 | 12.1 | |
transição-timing-function | 10 | 16 | 26 | 12.1 | |
transition-delay | 10 | 16 | 26 | 12.1 | |
palavra-break | 5.5 | 15 | 4 | 3 | |
word-wrap | 5 | 3,5 | 4 | 3.1 | 10.5 |
navegador IE | |
Firefox | |
Navegador Google Chrome | |
navegador Safari | |
navegador Opera |
navegador IE prefixo -ms- | |
Prefixo -moz- Firefox | |
-webkit- prefixo do navegador Google Chrome | |
navegador Safari prefixo -webkit- | |
navegador Opera prefixo -o- | |
navegador Opera prefixo -xv- |
Para algumas propriedades, você verá o ícone do navegador e um número:
9 | 4 | 4 | 5 | 10.5 |
representação digital é o primeiro navegador a suportar a versão da propriedade.