2013-06-16 3 views
5

Когда я положил SVG и CSS свойства в одном файле:SVG и CSS свойства в одном файле

.circle { 
    stroke: red; 
} 

.myArea { 
    width: 100%; 
} 

Он работает. Но действительно ли это согласно W3C? Этот код не проходит проверки валидатора CSS, и я не могу найти вариант «CSS + SVG» ...

ответ

0

EDIT (теперь я знаю, что вы имели в виду по вашему вопросу): Это может быть вызванных браузерами, не поддерживающими SVG и его функциями. Нет браузера, который поддерживает полный формат svg (сам svg очень сложный и имеет множество функций). Однако большинство браузеров поддерживают основные функции (за исключением IE < = 8). Таким образом, проверка достоверности может завершиться неудачей из-за поддержки SVG.

Вы можете прочитать здесь:

Use of stroke in html+svg Browser support

+0

Я уже создал отдельный файл CSS. Это файл, который я показал вам в своем сообщении. – Arnaud

1

stroke является свойство CSS (поддерживается всеми браузерами с поддержкой SVG). Я думаю, что это может быть случай, когда валидатор не имеет режима для этого. Все текущие браузеры уже поддерживают эту таблицу стилей, поскольку они поддерживают svg.

+1

'stroke' не является свойством CSS. Это свойство SVG. Именно поэтому он поддерживается только браузерами с поддержкой SVG, как вы сказали. – BoltClock

+0

В спецификациях нет такой вещи, как «свойство SVG» (за исключением, возможно, неформального способа указать, что эти свойства в данный момент времени применяются только к содержимому svg). 'stroke' - это реальное свойство CSS (как и любое другое свойство CSS), единственное отличие состоит в том, что оно определено в спецификации svg, и как таковое требуется только тогда, когда UA поддерживает svg. Существует несколько примеров, когда свойства, первоначально определенные в svg, перешли к спецификациям CSS, а «указатель-события» - один. –

0

Я нашел ответ здесь:

Is CSS for SVG "standard" CSS?

проверки CSS W3C имеет опции, которые можно выбрать (если вы вызываете его непосредственно через W3C сайт)

В разделе «Дополнительные параметры» вы найдете профиля, одним из вариантов является «SVG».

Я пропустил все это изначально, потому что обычно я вызываю проверку W3C через Firefox Firefox-add-0n «Веб-разработчик» Криса Педерика.

Смежные вопросы