Действительный CSS с новыми свойствами

Question

Я использую несколько приемов CSS, чтобы повысить удобство использования / внешний вид моего сайта в браузерах Webkit. Два основных из них text-shadow а также resize:none (на textareas - чтобы остановить эту надоедливую опцию изменения размера разрыва страницы в Safari и других).

Проблема в том, что когда я запускаю свою страницу через валидатор W3, я получаю тонны:

Свойство text-shadow не существует на уровне CSS 2.1, но существует в: # feb4b4 1px 1px 0 # feb4b4 1px 1px 0

-а также-

Изменение размера свойства не существует в CSS уровне 2.1, но существует в: нет, нет

Это действительно не действительно? Должен ли я действительно не использовать это, или это просто игнорировать ошибку?

Answer 1

text-shadow свойство является свойством CSS3. Если вы выберете уровень CSS 3 из расширенных параметров службы W3 CSS Validtor, все должно пройти хорошо. Это было также в CSS Level 2, но упал для CSS Level 2.1.

Answer 2

И text-shadow, и resize являются только допустимыми свойствами в CSS 3, они были реализованы только в предыдущих версиях CSS браузерами, но никогда официально не поддерживались. Если вы хотите использовать их, вам действительно следует использовать CSS 3.

Answer 3

Я хотел бы использовать проприетарные браузерные эквиваленты рассматриваемых свойств, как -webkit-text-shadow а также -webkit-resize Я думаю, что это позволит CSS проверить, в то же время позволяя вам использовать свойства (даже на уровне 2).

Недостатком является то, что вы должны имитировать это для Mozilla, а также как -moz-text-shadow если вы хотите использовать его там... и если предположить, что IE в конечном итоге начнет поддерживать их, вы можете вернуться и очистить его, заменив их все объявлением единственного свойства в спецификации.