template
Index :: CSS :: Kurzschreibweisen
Bei Stylesheet-Angaben können für manche Elemente gleich mehrere Eigenschaften in einem Rutsch definiert werden. Diese Art von verkürzter Notation bewirkt einen kompakteren CSS-Code und erhöht i.d.R. auch die Lesbarkeit, weil relevante Werte dicht beieinander stehen.
Nicht angegebene Eigenschaften werden auf ihren Standardwert gesetzt bzw. behalten ihren aktuellen Wert.
Die Reihenfolge der Angaben sollte laut W3C zwar irrelevant sein, es gibt jedoch Browser, die eine bestimmte Reihenfolge erwarten. Die untenstehende Syntax entspricht den empfohlenen Richtlinien.
Hat eine hexadezimale Farbangabe die Form #xxyyzz, dann kann sie verkürzt als #xyz geschrieben werden.
COLOR:#00f; /* = #0000ff */
<Eigenschaft>:<Wert>; |
alle Seiten |
<Eigenschaft>:<Wert> <Wert>; |
<oben/unten>, <rechts/links> |
<Eigenschaft>:<Wert> <Wert> <Wert>; |
<oben>, <rechts/links>, <unten> |
<Eigenschaft>:<Wert> <Wert> <Wert> <Wert>; |
<oben>, <rechts>, <unten>, <links> |
BORDER-WIDTH:2 10; BORDER-COLOR:#000 #aaa #fff; PADDING:0 10 0 16;
BORDER:<Breite> <Stil> <Farbe>;
BORDER:1px solid #00F;
BACKGROUND:<Farbe> <Grafik> <Wiederholung> <Fixierung> <Position>;
BACKGROUND:#f00 url(background.gif) no-repeat fixed 0 0;
Es müssen hier mindestens die Werte für Größe und Familie angegeben werden.
FONT:<Stil> <Variante> <Gewicht> <Größe> <Familie>;
FONT:italic small-caps bold 14px "Lucida Grande",sans-serif;
LIST-STYLE:<Typ> <Position> <Grafik>;
LIST-STYLE:square inside url(image.gif);
| template |
 |