Mit der DLE lassen sich nicht nur HTML Seiten als Ergebnis einer Anfrage erstellen, sondern auch CSS Definitionen. Dazu gibt es einige Kommandos, die dies erleichtern.
Zu beachten ist, dass als Antwort auf eine Anfrage immer nur ein Dokument und damit Dokumententyp zurück gegeben werden kann. Also entweder eine HTML Seite, eine Textseite, PDF, Excel, Bild oder CSS Definition, etc.
Die CSS Kommandos sollten also nicht mit z.B. HTML Kommandos gemischt werden. Der Browser würde die Anfrage nicht verarbeiten können.
Eine CSS Definitionsdokument besteht aus einen oder mehreren CSS Definitionen. Jede Definition besteht dabei aus einem Selektor, mit dem die Seitenelemente selektiert werden, auf die die folgenden CSS Eigenschaften angewendet werden sollen. Dazu einer Liste von Eigenschaften, die auf diese Elemente angewendet werden sollen.
Mit Hilfe der DLE kann die komplizierte CSS Dateistruktur einfach angelegt werden.
Die Möglichkeiten hier sind vielfältig, näheres zu CSS, Selektoren und Eigenschaften findet sich unter http://de.wikipedia.org/wiki/Cascading_Style_Sheets.
| Selektor | Beschreibung |
|---|---|
| * | Selektiert alle Elemente der Seite |
| .MyClass | Selektiert alle Elemente, die die Klasse MyClass besitzen. |
| #MyId | Selektiert alle Elemente, die die ID MyId haben. |
| button | Selektiert alle Elemente, die vom Typ <button> sind. |
| [foo] | Selektiert Elemente, deren foo-Attribut gesetzt ist (unabhängig vom Wert) |
| [foo=bar] | Selektiert Elemente, deren foo-Attribut das Wort bar enthält (also beispielsweise bar oder auch bar quz aber nicht barquz) |
| div input | Selektiert alle elemente vom Typ <input>, die Nachfahren eines Elements <div> sind |
| Eigenschaft | Beschreibung |
|---|---|
| color | Die Farbe des Elements, z.B. red oder #ff0000. |
| background-color | Die Hintergrundfarbe. |
| width | Die Breite, z.B. 100 %, 20px oder 17em. |
| height | Die Höhe. |
| font-size | Größe des Fonts, z.B. 12px oder 0.8em. |
| font-family | Schriftart, z.B. Arial oder Times-New-Roman. |