STYLE - Eingebettete Style Sheets

Syntax	<STYLE>...</STYLE>
Attribut-Spezifikationen	TYPE=`ContentType` (Inhaltstyp des Style-Sprache) MEDIA=`MediaDesc` (Medium auf das der Style angwandt wird) TITLE=`Text` (Titel des Style Sheets) internationalisierende Attribute (für den TITLE)
Inhalte	Ein eingebettetes Style Sheet
Beinhalten in	HEAD

Das STYLE-Element bindet einen Style Sheet in en Dokument ein. Jede Anzahl von STYLE-Elementen kann im HEAD eines Dokuments enthalten sein.

Das notwendige TYPE-Attribut von STYLE wird verwendet um den Internet-Mediumtyp der Style-Sprache festzulegen. Für Cascading Style Sheets sollte der Wert des TYPE-Attributs text/css sein.

Das optionale TITLE-Attribut gibt den Titel des Style Sheets fest. Ohne ein TITLE-Attribut wird das Style Sheet immer angewandt, wenn Style Sheets aktiviert sind. Mit einem TITLE-Attribut wird das Style Sheet automatisch angewandt, es kann jedoch sein, dass der User das Style Sheet deaktivieren möchte, während er andere Style Sheets aktivieren oder beibehalten möchte. Style Sheets mit demselben Titel werden wie ein und derselbe Style Sheet behandelt..

Viele Browser ignorieren das TITLE-Attribut der Style Sheets und erlauben dem User nicht separat individuelle Style Sheets zu aktivieren oder zu deaktivieren.

Das MEDIA-Attribut spezifiziert das Medium auf das der Style Sheet angewandt werden soll. Dies erlaubt es Autoren einen Style Sheet nur auf gewisse Ausgabegeräte zu beschränken, wie auf Drucker oder aurale Browser. Der Wert des Attributs ist eine durch Kommata-getrennte Liste, die die Medien aufführt. Die folgenden Bezeichner sind in HTML 4 vordefiniert und sind case-sensitive:

screen (der Standardwert), für non-paged Bildschirme;
tty, für fixed-pitch Zeichen-Gitter-Darstellungen (wie die Darstellung, die von Lynx verwendet wird);
tv, für TV-ähnliche Geräte mit niedriger Auflösung und begrenzter Scroll-Fähigkeit;
projection, für Projektoren;
handheld, für Handheld-Geräte (die sich durch ein kleines Display und eine begrenzte Bandbreite auszeichnen);
print, für die Ausgabe an Druckern;
braille, für Brailletastrückmeldungsgeräte;
aural, für Sprachausgaben;
all, für alle Geräte.

Netscape 4.x ignoriert inkorrekterweise alle Style Sheets, die mit einem anderen MEDIA-Wert außer screen verlinkt sind. Zum Beispiel wird MEDIA="screen, projection" verursachen, dass das Style Sheet vom Netscape 4.x ignoriert wird, auch wenn das Präsentationsgerät tatsächlich ein Bildschirm ist. Netscape 4.x ignoriert ebenfalls Style Sheets, die durch MEDIA=all deklariert sind.

Ein Beispiel eines eingebetteten Style Sheets:

<STYLE TYPE="text/css" MEDIA=screen>
<!--
  BODY  { background: url(foo.gif) red; color: black }
  P EM  { background: yellow; color: black }
  .note { margin-left: 5em; margin-right: 5em }
-->
</STYLE>

Pre-HTML 3.2 Browser hätten normalerweise, als das STYLE-Element noch unbekannt war, ihren Inhalt angezeigt wenn sie Teil vom BODY gewesen sind und hätten somit den Style Sheet dem User sichtbar gemacht. Um dem vorzubeugen, erlauben Style-Sprachen wie CSS in einem SGML-Kommentar () beinhaltet zu sein, wie im vorangegangen Beispiel.

Ein eingebetteter Style Sheet sollte verwendet werden, wenn ein einzelnes Dokument einen besonderen Style hat. Wenn der gleiche Style in mehreren Dokumenten benutz wird, dann ist ein externer Style Sheet geeigneter.

STYLE - Eingebettete Style Sheets

Weitere Informationen