CSS-FAQ

ID #1018

Oft kann man sich die Arbeit erleichtern und übersichtlicher machen, wenn man nicht alle CSS-Attribute einzeln aufführt, sondern Kurzschreibweisen nutzt. So kann man bspw. die Aufzählung von margin und padding verkürzen und auch nicht jede Farbangabe muß aus 6 Zeichen bestehen.

Die vier einzelnen Angaben für margin und padding ("top", "left", "bottom" oder "right") kann man in jeweils einem Befehl zusammenfassen. Hierbei werden die Werte im Uhrzeigersinn, oben beginnend, vergeben.
Anstatt

margin-top: 0; margin-right: 5px; margin-bottom: 10px; margin-left: 0; 

kann man also schreiben

margin: 0 5px 10px 0;

Wenn die gleichen Werte vorliegen, kann man auch weiter zusammenfassen. Liegen für alle vier Seiten die gleichen Werte vor, muß man diesen nur einmal schreiben, ansonsten kann man bei gleichem Wert "top" und "bottom", sowie "right" und "left" zusammenfassen.

Auch bei den Farbwerten kann man sich die Arbeit erleichtern. Sind die Zeichen eines Zeichenpaares identisch, so kann dieses Paar auf ein Zeichen reduzieren. Das heißt im Klaretxt:

#ffffff ==> #fff 

#000000 ==> #000 

#cc33ff ==> #c3f

ABER:

#d3d3d3 ==> #d3d3d3

Es gibt noch viel mehr Kurzschreibweisen, auf die man mit der Zeit stößt. Dies sind aber sicherlich die gebräuchlichsten, unkompliziertesten und wichtigsten. Übrigens: wenn etwas 0 (Null) ist, ist es doch egal, welche Einheit Null ist, oder ? Also: in diesem Falle die Einheit weglassen.

Bewertung der Nützlichkeit dieses Artikels:

Durchschnittliche Bewertung: 4.5 (4 Abstimmungen)

vollkommen überflüssig 1 2 3 4 5 sehr wertvoll

Artikel zu kommentieren.

Name:
E-Mail:
Eingegebener Kommentar:

Bitte die Zeichen der Captcha-Grafik eingeben