direkt zum Inhalt springen zur Schnellnavigation zur Navigationshilfe

<we:css />

Endtag erforderlich: nein

Beschreibung

Dieses Tag erzeugt ein HTML-Tag, das auf eine webEdition-interne CSS-Datei verweist. Dadurch können Sie Stylesheets in einer separaten Datei definieren.

Attribute

  • id

    Typ: number | Standardwert: - | Pflichtfeld: ja

    Bei diesem Attribut geben Sie als Wert die ID des CSS-Dokumentes an.
  • rel

    Typ: string | mögliche Werte: stylesheet, alternate stylesheet | Standardwert: stylesheet | Pflichtfeld: nein

    Gibt an, ob es sich bei der referenzierten CSS Datei um eine Datei handelt deren Definitionen standardmäßig verwendet werden sollen ("stylesheet") oder ob es sich um alternative Stylesheets handelt ("alternate stylesheet"). Alternative Stylesheets können vom Benutzer im Browser ausgewählt werden um eine andere Ansicht, z.B. mit extra hohem Kontrast oder in größerer Schrift, zu erhalten. Diese Funktionalität steht nicht in allen Browsern zur Verfügung (wird z.B. von IE 6.0 nicht unterstützt).
  • title

    Typ: string | Standardwert: - | Pflichtfeld: nein

    Bei alternativen Stylesheets können Sie einen Titel angeben. Dieser Titel wird dann vom Browser in der Liste der alternativen Stylesheets verwendet.
  • media

    Typ: string | mögliche Werte: all, braille, embossed, handheld, print, projection, screen, speech, tty, tv | Standardwert: - | Pflichtfeld: nein

    Legen Sie fest, für welches Ausgabemedium diese CSS Datei verwendet werden soll.
  • xml

    Typ: boolean | mögliche Werte: true, false | Standardwert: false | Pflichtfeld: nein

    Wenn Sie den Wert dieses Attributs auf "true" setzen, dann wird XHTML-konformer Quellcode generiert. Wenn Sie als Wert dieses Attributs "false" angeben oder das Attribut nicht setzen, dann wird HTML-konformer Quellcode generiert.
  • cachelifetime

    Typ: number | Standardwert: 0 | Pflichtfeld: nein

    Mit diesem Attribut definieren Sie die Gültigkeit des Caches in Sekunden für diesen we-Tag. Dieses Attribut wird nur verwendet, wenn in der Vorlage "we-Tag-Cache" bzw. "kein Cache" eingestellt ist.
  • to

    ab Version: 1 | Typ: string | mögliche Werte: screen, request, post, get, global, session, top, self, sessionfield | Standardwert: screen | Pflichtfeld: nein

    Bestimmt wie / wohin die Ausgabe erfolgt. Dabei wird der Code, der sonst auf der Seite ausgegeben würde, in exakt derselben Weise an die auszuwählende Variable übergeben. Dies ist eine praktische Alternative zu <we:setVar>, bitte vergleichen Sie und entnehmen weitere Details zu den einzelnen möglichen Werten dort.

    Erst ab Version 6.1.1: post, get
  • nameto

    ab Version: 6.1.1 | Typ: string | Standardwert: - | Pflichtfeld: nein

    Name der Variable in die die Ausgabe erfolgt.

Syntax

<we:css id="" rel="stylesheet|alternate stylesheet" title="" media="all|braille|embossed|handheld|print|projection|screen|speech|tty|tv" xml="true|false" cachelifetime="" to="screen|request|post|get|global|session|top|self|sessionfield" nameto=""/>

Beispiele

Beispiel #1

Code 
<we:css id="50"/>
Ausgabe 
<link rel="stylesheet" type="text/css" href="/css/screen.css">

Beispiel #2 - XHTML Beispiel

Das Attribut xml="true" kann weggelassen werden, wenn in den webEdition Einstellungen dessen Default-Wert auf "true" gesetzt wurde. Code 
<we:css id="50" xml="true"/>
Ausgabe 
<link rel="stylesheet" type="text/css" href="/css/screen.css" />

Beispiel #3 - Alternative Stylesheets

Das folgende Beispiel lädt das CSS Dokument mit der Id "123" als Standard. Unterstützt der Browser alternative Stylesheets wird dem Besucher eine Liste angezeigt mit den Einträgen "Schwarz / Weiss", "Grosse Schrift". In dieser kann der Besucher die alternativen Stylesheets auswählen. Code 
<we:css id="123"/>
<we:css rel="alternate stylesheet" id="124" title="Schwarz / Weiss" />
<we:css rel="alternate stylesheet" id="125" title="Grosse Schrift" />

Beispiel #4 - Gesonderte Darstellung für Druck

Das CSS-Dokument mit der Id "234" wird nur für die Darstellung der HTML Seite auf dem Bildschirm verwendet. Das CSS-Dokument mit der Id "235" wird nur beim Ausdruck beachtet. Code 
<we:css id="234" media="screen" />
<we:css id="235" media="print" />

Bitte helfen Sie mit

Haben Sie eine Ergänzung für die Tag-Referenz, dann werden Sie bitte aktiv.
Entweder über einen Eintrag unter qa.webedition.org oder einfach formlos per E-Mail an websites@webedition.org.

Fehler oder Erweiterungswünsche zu webEdition selbst bitte über qa.webedition.org melden.
zum Seitenanfang