<we:css />

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

Endtag erforderlich nein
Pflichtattribute

Attribute

id Pflichtfeld: ja

Bei diesem Attribut gibst Du als Wert die ID des CSS-Dokumentes an.

Typ number
Standardwert -
rel 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).
Typ string
mögliche Werte stylesheet, alternate stylesheet
Standardwert stylesheet
title Pflichtfeld: nein

Bei alternativen Stylesheets kannst Du einen Titel angeben. Dieser Titel wird dann vom Browser in der Liste der alternativen Stylesheets verwendet.

Typ string
Standardwert -
media Pflichtfeld: nein

Lege fest, für welches Ausgabemedium diese CSS Datei verwendet werden soll.

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

Mit diesem Attribut bestimmst Du, ob sich das CSS-Dokument nur auf die Darstellung innerhalb des mit we:textarea oder we:userInput eingebundenen Wysiwyg-Editors (applyto="wysiwyg"), nur auf die restliche Editmode- bzw. Frontend-Ansicht (apply="around") oder auf beide Bereiche auswirkt (applyto="all"). Hinweis: Das Attribut wird nur vom Wysiwyg-Editor TinyMCE ausgwertet.
Standardmäßig ist das Attribut auf den Wert "around" gesetzt. Du kannst den Default-Wert in den Einstellungen im Reiter "we:tag Standards" verändern.

ab Version 6.3.6.0
Typ string
mögliche Werte all, wysiwyg, around
Standardwert around
xml Pflichtfeld: nein

Wenn Du den Wert dieses Attributs auf "true" setzt, dann wird XHTML-konformer Quellcode generiert. Wenn Du als Wert dieses Attributs "false" angibst oder das Attribut nicht setzt, dann wird HTML-konformer Quellcode generiert.

Typ boolean
mögliche Werte true, false
Standardwert false
to 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 vergleiche und entnimm weitere Details zu den einzelnen möglichen Werten dort.

Erst ab Version 6.1.1: post, get

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

Name der Variablen, in die die Ausgabe erfolgt.

Ab Version 6.3.7 können auch Arrays mit folgender Syntax geschrieben werden werden: <we:xxxx to="global" nameto="meinArray[abc]"/> oder <we:xxxx to="global" nameto="meinArray[]"/> oder <we:xxxx to="global" nameto="meinArray[][def]"/> Wichtig ist hierbei, dass innerhalb der eckigen Klammern keine Hochkommata oder Anführungszeichen genutzt werden!

ab Version 6.1.1
Typ string
Standardwert -

Syntax

<we:css id="" rel="stylesheet|alternate stylesheet" title="" media="all|braille|embossed|handheld|print|projection|screen|speech|tty|tv" applyto="all|wysiwyg|around" xml="true|false" 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" />

Hilf mit!

Hast Du eine Ergänzung für die Tag-Referenz, dann werde 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.

powered by webEdition CMS