Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Funcionalidades BETA e a sintaxe de cada navegador

Olá,

Tenho uma dúvida em relação à implementação de funcionalidades que estão em beta e suas respectivas sintaxes.

Gostaria de saber se, além de colocar o prefixo adequado de cada navegador (-webkit-, -moz-, -ms-...), seria preciso, ainda, utilizar uma sintaxe específica para cada um deles.

Se sim, como saber qual a sintaxe de cada um?

Exemplo:

/* código css */

.container {

-moz-border-radius-topleft: 10px;  /* Mozilla Firefox */

-webkit-border-top-left-radius: 10px 10px;  /* Google Chrome */

border-radius: 10px 0 0 0 / 10px 0 0 0;  /* Future Proof */

}

No código acima temos a propriedade border-radius para a borda do canto superior esquerdo de um elemento implementada com três sintaxes distintas, sendo as duas primeiras específicas para o Firefox e Google Chrome/Safari, respectivamente.

Desde já, agradeço :)

1 resposta
solução!

Oi Rafael tudo bem?

Só consultando a documentação para saber mesmo. Esse site é o melhor para se guiar https://developer.mozilla.org/pt-BR/docs/Web/CSS você busca a propriedade na pesquisa e vê como é a sintaxe , quais navegadores suporta.

Espero ter ajudado!!!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software