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.

EigenschaftWertErgebnis
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

  

<< 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