CSS-Eigenschaften
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
Problem
Sie wollen mehr über die CSS-Eigenschaften wissen.
Lösung
Die Rezepte in diesem Kapitel verwenden häufig benutzte Eigenschaften wie color, font-family, font-size und text-decoration. Die Eigenschaften stehen zwischen geschweiften Klammern. Auf den Namen der Eigenschaft folgen, durch einen Doppelpunkt getrennt, die entsprechenden Werte, wie in diesem allgemeinen Beispiel gezeigt:
Selektor {
Eigenschaft: Wert;
}
Ein Beispiel für eine tatsächliche Anwendung könnte etwa so aussehen:
li {
list-style-type: square;
}
Jedes Mal, wenn das Element li im Dokument auftaucht, wird als Listenmarker (»bullet«) ein Quadrat anstelle des standardmäßigen Kreises angezeigt.
Diskussion
Mit Selektoren legen Sie fest, für welche Elemente eines Dokuments die Stildefinitionen gelten sollen. Eigenschaften und Werte bestimmen dagegen, welche Bestandteile des Elements auf welche Weise verändert werden sollen.
Die Eigenschaft color legt beispielsweise fest, dass die Farbe eines Elements verändert werden soll, legt aber die Farbe selbst noch nicht fest – das ist Aufgabe des Wertes. In der folgenden Tabelle sehen Sie einige Eigenschaften, Werte und ihre Auswirkungen.
Tabelle: Eine kurze Aufstellung von CSS-Eigenschaften.
Eigenschaft | Wert | Ergebnis |
---|---|---|
font-weight | bold | Stellt Text fettgedruckt dar. |
border-color | Farbname oder hexadezimaler HTML-Wert (z.B. #000000 für Schwarz und #ffffff für Weiß) | Legt die Farbe für einen Rahmen fest. |
border-style | solid dotted dashed double | Stellt den Rahmen als durchgehende Linie dar. Stellt den Rahmen als gepunktete Linie dar. Stellt den Rahmen als gestrichelte Linie dar. Stellt den Rahmen als zwei durchgehende Linien dar. |
text-align | left center right justify | Richtet Text linksbündig aus. Richtet Text zentriert aus. Richtet Text rechtsbündig aus. Stellt den Text als Blockssatz dar. |
Siehe auch
- Die vollständige Eigenschaften-Tabelle des W3C,
- HTML Dog: CSS Properties,
- Deutsche Liste der Eigenschaften auf Stefan Münz’ selfhtml-Site,
- Detaillierte Betrachtung der Eigenschaft border im Rezept Seitenränder und
- Komplette Liste der CSS-Eigenschaften unter CSS 2.1: Eigenschaften und proprietäre Erweiterungen.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln