2013-06-16 13 views
5

kiedy kładę właściwości SVG i CSS w jednym pliku:SVG i CSS właściwości w tym samym pliku

.circle { 
    stroke: red; 
} 

.myArea { 
    width: 100%; 
} 

To działa. Ale czy jest on ważny zgodnie z W3C? Ten kod nie przechodzi testów walidacji walidatora CSS i nie mogę znaleźć opcji "CSS + SVG" ...

Odpowiedz

0

EDYCJA (teraz wiem, co miałeś na myśli przez twoje pytanie): To może być spowodowane przez przeglądarki nie obsługujące SVG i jego funkcji. Nie ma przeglądarki obsługującej format svg (svg sam w sobie jest bardzo skomplikowany i ma wiele niesamowitych funkcji). Jednak większość przeglądarek obsługuje podstawową funkcjonalność (z wyjątkiem IE < = 8). Dlatego test ważności może się nie udać z powodu obsługi SVG.

można przeczytać więcej tutaj:

Use of stroke in html+svg Browser support

+0

Mam już utworzony osobny plik CSS. To jest plik, który pokazałem ci w mojej wiadomości. – Arnaud

1

stroke jest właściwość CSS (obsługiwany przez wszystkie przeglądarki z obsługą SVG). Myślę, że może to być przypadek sprawdzania poprawności, który nie ma dla tego trybu. Wszystkie obecne przeglądarki obsługują już ten rodzaj arkusza stylów, ponieważ obsługują svg.

+1

'stroke' nie jest właściwością CSS. To własność SVG. Właśnie dlatego jest obsługiwany tylko przez przeglądarki z obsługą SVG, jak już powiedziałeś. – BoltClock

+0

W warunkach specyfikacji nie ma czegoś takiego jak "właściwość SVG" (z wyjątkiem być może nieformalnego sposobu wskazania, że ​​te właściwości w tym momencie odnoszą się tylko do treści svg). 'stroke' jest prawdziwą właściwością CSS (podobnie jak każda inna własność CSS), jedyną różnicą jest to, że jest zdefiniowana w specyfikacji svg i jako taka jest wymagana tylko wtedy, gdy UA obsługuje svg. Istnieje kilka przykładów, w których właściwości pierwotnie zdefiniowane w svg zostały przeniesione do specyfikacji CSS, a "wskaźnik-zdarzenia" to jedność. –

0

znalazłem odpowiedź tutaj:

Is CSS for SVG "standard" CSS?

walidacja CSS W3C posiada opcje można wybrać (jeśli ją wywołać bezpośrednio przez W3C stronie internetowej)

pod „Więcej opcji” znajdziesz profil, jedną z opcji jest "SVG".

Tęskniłem za tym wszystkim, ponieważ zwykle używam walidacji W3C przez Firefox add-0n "Web Developer" Chris Pederick.

Powiązane problemy