Zusammenfassende Eigenschaften einsetzen
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Den meisten CSS-Eigenschaften werden jeweils einzelne Werte zugewiesen. Definiert man für eine Eigenschaft mehrere Werte, wie zum Beispiel alternative Schrifttypen für font-family, werden die Werte durch ein Komma getrennt. Wenn eine Wertbezeichnung Leerzeichen oder Zeichen aus der CSS-Syntax (etwa ein Semikolon oder Doppelpunkt) enthält, ist sie in Anführungszeichen zu setzen.
Zusätzlich gibt es einige zusammenfassende Eigenschaften (engl. shorthand property), in denen mehrere CSS-Eigenschaften in nur einer Eigenschaftsdefinition festgelegt werden können. Das hört sich komplizierter an, als es ist.
Die bekannteste zusammenfassende Eigenschaft ist font. CSS-Anfänger sind normalerweise daran gewöhnt, eine Schrifteigenschaft nach der anderen zu definieren:
h1 {
font-weight: bold;
font-size: 90%;
line-height: 1.8em;
font-family: Helvetica, Arial, sans-serif;
}Mit der zusammenfassenden CSS-Eigenschaft font kann man alle diese Schrifteigenschaften viel geschickter definieren:
h1 {
font: bold 90%/1.8em Helvetica, Arial, sans-serif;
}Genauso können Sie mit der Eigenschaft padding verfahren:
Diese Definition können wir durch die folgende Kurzschreibweise ersetzen:
h1 {
padding: 10px 20px 10px 5px;
}Die Werte werden im Uhrzeigersinn angegeben, zuerst oben, dann rechts, dann unten und zuletzt links.
Alle zusammenfassenden Eigenschaften in CSS finden Sie unter Referenz der CSS-Eigenschaften.
| << zurück | vor >> |
| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" 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.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg