SVG CSSの検証

インラインSVGを作成しましたが、CSSの検証にエラーが発生します（プロパティの塗りつぶしが存在しません：＃6be300、プロパティのストロークは存在しません：＃1d1d1d、存在：5px。）私は間違って何を考えている？前もって感謝します。SVG CSSの検証

svg { 
 
    height: auto; 
 
    width: 50%; 
 
} 
 
rect { 
 
    fill: #6be300; 
 
    stroke: #1d1d1d; 
 
    stroke-width: 5px; 
 
}

<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 400 400"> 
 
    <title>blabla</title> 
 
    <desc>blablabla</desc> 
 

 
    <rect id="rect1" width="40" height="230" x="20" y="170" rx="10" /> 
 
    <rect id="rect2" width="40" height="300" x="60" y="100" rx="10" />

出典

2016-06-15 Anna Bannanna

それは私のために働いています。 http://codepen.io/joostdev/pen/yJJNbr –

上記のコードは、すでにうまく働いています。 –

Ok！知らせてくれてありがとうございます！それはjigsaw.w3.org/css-validator/validatorで検証されませんが、プレフィックスと関係があると思います。 –

"詳細オプション" を選択し、あなたがvalidatorを実行したときにSVGを含むプロファイルを選択します。

出典

2017-07-20 10:35:57

-3

ソリューション：インラインCSSのプロパティと値を記入し、外部CSSに削除

<rect id="rect1" fill: #6be300; width="40" height="230" x="20" y="170" rx="10" /> 
<rect id="rect2" stroke="#1d1d1d" width="40" height="300" x="60" y="100" rx="10" />

使用。解決済み！

出典

2017-11-23 05:38:55

–

答えて

関連する問題