Cascading Stylesheets – Zur Startseite Cascading Stylesheets Stil mit <Stil>

span ♦ <span> ... </span> ♦ IE 4+ M1 N4+ O5+ ♦ HTML 4.0

Das <span>-Tag kennzeichnet eine ausgewählte Menge von Elementen als span-Elemente und wendet Kernattribute auf diese Menge an. Das Tag verhält sich wie ein Inlineelement, es führt also nicht zu einem Zeilenumbruch. In dieser Hinsicht ist das span-Element das Gegenstück zum div-Element, das ein Blockelement bildet (das <div>-Tag führt zu einem Zeilenumbruch). Beide Tags nehmen eine Reihe von Tags auf, um Attribute oder CSS-Stile auf sie anzuwenden, ohne selber Inhalte zu enthalten. <span>-Tags können verschachtelt werden.

Das schließende Tag ist erforderlich.

Kernattribute class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title

Beispiel

In diesem Beispiel sollen ein paar Wörter anders dargestellt werden als der Rest des Textes. Außerdem soll das Beispiel mitsamt der Überschrift mit einem hellblauen Hintergrund hinterlegt und ein grauer Rand rundherum gezogen werden.

<div style="background-color : mintcream;
    border : 1px solid dimgray;">
  <h4>Beispiel</h4>
  <p>Wenn mitten im Text <span class="anders">ein paar Worte 
  anders aussehen</span> als der Rest, dann war's bestimmt 
  ein &lt;span&gt;-Tag. </p>
</div>

Darstellung

Beispiel

Wenn mitten im Text ein paar Worte anders aussehen als der Rest, dann war's bestimmt ein <span>-Tag.

↑

 

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen