tabindex

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.

Das tabindex-Attribut ermöglicht es Ihnen, zu steuern, ob ein Element fokussierbar ist, und die relative Reihenfolge des Elements für die Zwecke der sequenziellen Fokussierung zu definieren.

Sie können dieses Attribut mit jedem SVG-Element verwenden.

Beispiel

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

html

<?xml version="1.0"?>
<svg viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="60" r="15" tabindex="0" />
  <circle cx="60" cy="160" r="30" tabindex="0" />
  <circle cx="160" cy="60" r="30" tabindex="0" />
  <circle cx="160" cy="160" r="60" tabindex="0" />
</svg>

Nutzungshinweise

Wert	gültige Ganzzahl
Standardwert	Keiner
Animierbar	Nein

gültige Ganzzahl: Relative Reihenfolge des Elements für die Zwecke der sequenziellen Fokussierung.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # tabindexattribute

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

HTML tabindex