Valid CSS con nuove proprietà
-
25-09-2019 - |
Domanda
Sto usando alcuni trucchi CSS per incrementare l'usabilità / aspetto del mio sito nei browser Webkit. I due principali sono text-shadow
e resize:none
(su textareas - per fermare quel fastidioso opzione di ridimensionamento pagina di rottura in Safari e altri)
Il problema è che quando faccio funzionare la mia pagina attraverso il W3 validatore ricevo tonnellate di:
proprietà text-shadow non esiste nel livello di CSS 2.1 ma esiste in: # feb4b4 1px 1px 0 # feb4b4 1px 1px 0
-e -
Proprietà di ridimensionamento non esiste nel livello di CSS 2.1 ma esiste in: none none
Non è davvero valida? Non dovrei davvero usare questo, o è un errore basta ignorare?
Soluzione
La proprietà text-shadow
è una proprietà di CSS3. Se si sceglie CSS livello 3 tra le opzioni avanzate sul servizio W3 CSS Validtor, dovrebbe venire attraverso bene. E 'stato anche in CSS livello 2, ma è caduto per i CSS livello 2.1.
Altri suggerimenti
Sia text-shadow e ridimensionamento sono solo proprietà valide nei CSS 3, sono stati attuati solo nelle versioni precedenti di CSS da parte dei browser, ma non sono mai stati ufficialmente supportati. Se si desidera utilizzarli, si dovrebbe usare i CSS 3 invece.
Vorrei utilizzare le equivs del browser di proprietà dei prpoerties in questione come -webkit-text-shadow
e -webkit-resize
i pensare che permetterà al css per convalidare, pur consentendo di utilizzare le proprietà (anche al livello 2).
Il lato negativo è che devi imitare questo per Mozilla così come -moz-text-shadow
se si desidera utilizzarlo lì ... e assumendo IE alla fine inizia a sostenere questi allora si potrebbe tornare indietro e ripulirlo li sostituisce con la dichiarazione di proprietà singola nelle specifiche.