CSS válidos com novas propriedades
-
25-09-2019 - |
Pergunta
Estou usando alguns truques CSS para aumentar a usabilidade/aparência do meu site nos navegadores do Webkit. Os dois principais são text-shadow
e resize:none
(On Textareeath - para parar a opção de redimensionamento irritante que quebra na página no Safari e em outros).
O problema é que, quando eu corro minha página pelo validador W3, recebo toneladas de:
O texto da propriedade não existe no nível CSS 2.1, mas existe em: #fev4b4 1px 1px 0 #fev4b4 1px 1px 0
-e-
A REDIMEIRA DE PROPRIEDADE não existe no CSS Nível 2.1, mas existe em: Nenhum nenhum
Isso realmente não é válido? Eu realmente não deveria usar isso ou é um erro apenas ignorar?
Solução
o text-shadow
A propriedade é uma propriedade CSS3. Se você escolher o nível 3 do CSS das opções avançadas no serviço W3 CSS Vidortor, ele deve ocorrer bem. Também estava no nível 2 do CSS, mas caiu para o nível 2.1 do CSS.
Outras dicas
Tanto a sombra de texto quanto o redimensionamento são apenas propriedades válidas no CSS 3, elas foram implementadas apenas em versões anteriores do CSS pelos navegadores, mas nunca foram oficialmente apoiadas. Se você quiser usá -los, você realmente deve usar o CSS 3.
Eu usaria os equivocadores do navegador proprietário dos prpoerties em questão como -webkit-text-shadow
e -webkit-resize
eu acho Isso permitirá que o CSS valida enquanto ainda permite usar as propriedades (mesmo no nível 2).
O lado negativo é que você tem que imitar isso para Mozilla também -moz-text-shadow
Se você quiser usá -lo lá ... e assumindo que o IE eventualmente começa a apoiá -los, você pode voltar e limpá -lo substituindo todos eles pela declaração de propriedade única na especificação.