The Web Design Group

STYLE - Eingebettete Style Sheets

Syntax <STYLE>...</STYLE>
Attribut-Spezifikationen
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:

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 (<!-- comment -->) 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.

Weitere Informationen