Tag <kbd>

Tag <kbd>

Definition

Das HTML-Element <kbd> (kurz für "keyboard") wird verwendet, um Tastenbedienung anzuzeigen. Der <kbd>-Tag findest meist bei Anleitungen und Tutorials anwendung um darzustellen, welche Tasten für eine bestimmte Aktion notwendig sind.

Syntax

<kbd>Taste</kbd>

Attribute

Globale Attribute
Alle globale Attribute können angewendet werden

Beispiele

Beispiel <kbd>

Der "Affengriff" bei Windows ist das gleizeitige Drücken der Tasten STRG, ALT und ENTF.

Anmerkungen

Die Standard-Darstellung ist in aktuellen Browsern ähnlich der Darstellung von <code> (Zeichensatz: "monospace"). Die Tastendarstellung muss daher über css definiert werden.

Beispiel:


  kbd {
    background: #efefef; 
    padding: 2px 4px; 
    border-radius: 6px; 
    border: 1px solid silver;
    text-transform: uppercase;
    font-size: 0.8rem;
    box-shadow: 3px 3px 10px -4px rgba(0, 0, 0, 0.79);
}

Definition

Das Tag steht für .