<line>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Learn more
See full compatibility
Report feedback

L'élément line est un élément de la catégorie des formes simples SVG, utilisé pour créer une ligne connectant deux points.

Contexte d'utilisation

Catégories	Élément de forme basique, Élément graphique, Élément de forme
Contenu autorisé	Tout élément de cette liste, quel qu'en soit l'ordre : Éléments d'animation Éléments descriptifs

Exemple

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <line x1="0" y1="80" x2="100" y2="20" stroke="black" />

  <!-- Si on n'indique pas stroke, la ligne de couleur
       ne sera pas visible -->
</svg>

Attributs

Attributs globaux

Attributs conditionnels ;
Attributs centraux ;
Attributs d'événements graphiques ;
Attributs de présentation ;
class ;
style ;
externalResourcesRequired ;
transform.

Attributs spécifiques

x1
x2
y1
y2

Interface DOM

Cet élément implémente l'interface SVGLineElement.

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi

<polygon> ;
<path>.