stroke

« SVG Attribute reference home

stroke属性は与えられた図形要素の外側に描画される色を定義します。stroke属性のデフォルト値は none です.

使用可能な場所

カテゴリ プレゼンテーション属性
値

<paint>, context-fill, context-stroke
アニメーション 可
標準文書 SVG 1.1 (2nd Edition)

例

SVG Line with stroke

例1: stroke を使用した直線

<svg height="50" width="300">
    <path stroke="green" d="M5 20 1215 0" />
</svg>

例2: 黒丸の枠線として青い stroke を使用

​​<svg height="100" width="100">
    <circle cx="50" cy="50" r="40" stroke="blue" stroke-width="2" fill="black" />
</svg>

context-stroke を使用する

非標準かつ機能が制限されたcontext-stroke (およびcontext-fill) については -moz-context-properties プロパティを参照して下さい。

要素

以下の要素でstroke属性を使用できます。