Quando ho messo SVG e CSS proprietà in un unico file:SVG e CSS proprietà nello stesso file
.circle {
stroke: red;
}
.myArea {
width: 100%;
}
Funziona. Ma è valido secondo il W3C? Questo codice non supera i test di convalida del validatore CSS e non riesco a trovare un'opzione "CSS + SVG" ...
EDIT (ora so cosa intendevi per la tua domanda): Questo potrebbe essere causato dai browser che non supportano SVG e le sue funzioni. Non esiste un browser che supporti il formato svg completo (lo stesso svg è molto complesso e ha molte caratteristiche del lotto). Tuttavia, la maggior parte dei browser supporta la funzionalità di base (ad eccezione di IE < = 8). Quindi il test di validità potrebbe fallire a causa del supporto SVG.
Si può leggere di più qui:
stroke è una proprietà CSS (supportato da tutti i browser con supporto per SVG). Penso che questo possa essere solo un caso in cui il validatore non ha una modalità per questo. Tutti i browser correnti supportano già questo tipo di foglio di stile, poiché supportano svg.
'stroke' non è una proprietà CSS. È una proprietà SVG. Questo è esattamente il motivo per cui è supportato solo dai browser con supporto per SVG come hai detto tu. – BoltClock
In termini di specifiche non esiste una "proprietà SVG" (eccetto forse un modo informale per indicare che queste proprietà in questo preciso momento si applicano solo al contenuto di svg). 'stroke' è una vera proprietà CSS (proprio come qualsiasi altra proprietà CSS), l'unica differenza è che è definita nella specifica svg, e come tale è richiesta solo quando l'UA supporta svg. Ci sono diversi esempi in cui le proprietà originariamente definite in svg sono passate alle specifiche CSS, 'pointer-events' è uno. –
ho trovato una risposta qui:
Is CSS for SVG "standard" CSS?
validazione W3C CSS dispone di opzioni che è possibile selezionare (se si richiama direttamente tramite il sito web del W3C)
Sotto "Altre opzioni" si trovano un profilo, una delle opzioni è "SVG".
Mi sono perso tutto questo in origine perché di solito invoco la convalida del W3C tramite "Sviluppatore Web" di Chris Pederick per Firefox add-0n.
Ho già creato un file CSS separato. Questo è il file che ti ho mostrato nel mio messaggio. – Arnaud