Manche zusammengehörende Eigenschaften lassen sich als Kurzform als eine einzige Eigenschaft darstellen. Dies macht den CSS-Code kürzer und, wenn man die Kurzformen versteht, auch übersichtlicher. Man gibt die einzelnen Werte einer Kurzform mit Leerzeichen getrennt an, also:
Dazwischen können Werte ausgelassen werden, die Reihenfolge darf jedoch nicht verändert werden. kurzformeigenschaft: wert1 wert3 wäre also ok - kurzformeigenschaft: wert3 wert2 wert1 aber nicht.
| Kurzformbezeichnung | Werte | Beispiel |
|---|---|---|
| background | background-color background-image background-attachment background-repeat background-position | background: white url(bild.png) fixed no-repeat top left; |
| font | font-size line-height font-weight font-style font-variant font-family | font: italic small-caps bold 1em/1.5em verdana, sans-serif; |
| border | border-width border-color border-style | border: 3px black solid; |
| list-style | list-style-type list-style-image list-style-position | list-style: square outside; |
Alle Kurzformen sind auch in der CSS4You-Referenz zu finden.